fix: search cancel button narrow when 2-3 search results (#1147)

vuestorefront · Jun 21, 2022 · a24b522 · a24b522
1 parent 66e0b8f
commit a24b522
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/packages/theme/components/Header/SearchBar/SearchResults.vue b/packages/theme/components/Header/SearchBar/SearchResults.vue
@@ -202,6 +202,7 @@ export default defineComponent({
       flex-direction: row;
       flex: 1;
     }
+    width: 100%;
   }
   &__results {
     flex: 1;
@@ -226,7 +227,7 @@ export default defineComponent({
   &--mobile {
     display: flex;
     flex-wrap: wrap;
-    justify-content: space-around;
+    justify-content: flex-start;
     background: var(--c-white);
     padding: var(--spacer-base) var(--spacer-sm);
     --product-card-max-width: 9rem;