diff --git a/static/js/shop/Backlog.jsx b/static/js/shop/Backlog.jsx
index 67b4bf4..f1b6874 100644
--- a/static/js/shop/Backlog.jsx
+++ b/static/js/shop/Backlog.jsx
@@ -19,6 +19,7 @@ export function Backlog() {
 
     const onClickToggleMobileSideMenu = useShopStore((state) => state.switchSideMenu);
     const isMobile = useShopStore((state) => state.isMobile);
+    const showSearch = useShopStore((state) => state.listed_cards.length > 0);
 
     // #!render_count
     console.log("Backlog renders: ", renderCount)
@@ -48,11 +49,7 @@ export function Backlog() {
                         ) : null}
                     </div>
 
-
-
-                    <BacklogSearchResult/>
-
-                    <BacklogGroups/>
+                    {showSearch ? <BacklogSearchResult/> : <BacklogGroups/>}
 
                     {provided.placeholder && (
                         <div style={{display: 'none'}}>