From 24ee68380a7bfe76be26e857fe0334b9e0acf694 Mon Sep 17 00:00:00 2001
From: Madhu Dollu <madhusudhan.dollu@gmail.com>
Date: Wed, 11 Dec 2024 12:49:57 +0530
Subject: [PATCH] Add gray background to filter buttons in design picker
 (#97168)

---
 packages/design-picker/src/components/style.scss | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/packages/design-picker/src/components/style.scss b/packages/design-picker/src/components/style.scss
index bda6f93836bff..85bf2918fcebf 100644
--- a/packages/design-picker/src/components/style.scss
+++ b/packages/design-picker/src/components/style.scss
@@ -35,6 +35,13 @@
 			gap: 30px;
 		}
 
+		button.responsive-toolbar-group__button-item,
+		button.responsive-toolbar-group__swipe-item {
+			&:not(.is-pressed)::before {
+				background-color: var(--studio-gray-0);
+			}
+		}
+
 		.design-picker__category-group {
 			display: flex;
 			flex-direction: column;