improve jumpiness on search suggestions

ui/effects/use-lighthouse.js

@@ -15,15 +15,22 @@ export default function useLighthouse(query: string, showMature?: boolean, size?
       setLoading(true);
       setResults(null);
 
+      let isSubscribed = true;
       lighthouse
         .search(throttledQuery)
         .then(results => {
-          setResults(results.map(result => `lbry://${result.name}#${result.claimId}`));
-          setLoading(false);
+          if (isSubscribed) {
+            setResults(results.map(result => `lbry://${result.name}#${result.claimId}`));
+            setLoading(false);
+          }
         })
         .catch(() => {
           setLoading(false);
         });
+
+      return () => {
+        isSubscribed = false;
+      };
     }
   }, [throttledQuery]);
 

ui/scss/component/_wunderbar.scss

@@ -197,7 +197,7 @@
   margin-bottom: var(--spacing-s);
 
   @media (min-width: $breakpoint-small) {
-    padding: var(--spacing-s);
+    padding-left: 0;
   }
 }
 

ui/scss/themes/dark.scss

@@ -39,7 +39,7 @@
   --color-focus: #2d69a5;
   --color-background-overlay: #212529d7;
   --color-background: #1c1f22;
-  --color-background-overlay: #21252980;
+  --color-background-overlay: #21252999;
   --color-border: #2f3337;
   --color-card-background: #232629;
   --color-card-background-highlighted: #384046;