From 8f44e1f9441cffc14bfb0c5f6eacbe0fb67f3986 Mon Sep 17 00:00:00 2001
From: madhusudhand <madhusudhan.dollu@gmail.com>
Date: Fri, 6 Dec 2024 15:30:46 +0530
Subject: [PATCH] Add gray background to filter buttons in design picker

---
 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 3518c002defcc..dfda0157ec380 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;