Fix filter pill sizing: uniform min-height and min-width for consistent appearance

a744a13f22a3dd970a03eae1e413a23c63c7a1a0 · 2026-06-23 07:39:38 -0700 · Steve Abrams

Files touched

M shopify/_cwGRID/sections/collection-filters-horizontal.liquid

Diff

commit a744a13f22a3dd970a03eae1e413a23c63c7a1a0
Author: Steve Abrams <steve@designerwallcoverings.com>
Date:   Tue Jun 23 07:39:38 2026 -0700

    Fix filter pill sizing: uniform min-height and min-width for consistent appearance
---
 shopify/_cwGRID/sections/collection-filters-horizontal.liquid | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/shopify/_cwGRID/sections/collection-filters-horizontal.liquid b/shopify/_cwGRID/sections/collection-filters-horizontal.liquid
index 9a700b5b..e8cb97e8 100644
--- a/shopify/_cwGRID/sections/collection-filters-horizontal.liquid
+++ b/shopify/_cwGRID/sections/collection-filters-horizontal.liquid
@@ -63,7 +63,7 @@
     }
 
     .dw-filter-chip {
-      padding: 6px 12px;
+      padding: 8px 12px;
       font-size: 11px;
       letter-spacing: 0.18em;
       text-transform: uppercase;
@@ -77,9 +77,12 @@
       text-decoration: none;
       display: inline-flex;
       align-items: center;
+      justify-content: center;
       gap: 6px;
       user-select: none;
       white-space: nowrap;
+      min-height: 32px;
+      min-width: 60px;
     }
 
     .dw-filter-chip:hover {

← cd7a11f6 Fix theme-push scripts: resolve LIVE theme dynamically (role · back to Designer Wallcoverings · Fix grid density slider mobile hiding: add !important + 480p 7827786f →