From 4dab6100b92078ad1702c70a4d6bd5b76eb324b2 Mon Sep 17 00:00:00 2001
From: Mahesh Sanikommmu <mahesh.svmr@gmail.com>
Date: Fri, 29 Aug 2025 16:09:20 -0700
Subject: [PATCH] fix the css issue with button

---
 apps/browser-extension/entrypoints/popup/style.css | 3 ---
 apps/browser-extension/utils/ui-components.ts      | 1 +
 2 files changed, 1 insertion(+), 3 deletions(-)

diff --git a/apps/browser-extension/entrypoints/popup/style.css b/apps/browser-extension/entrypoints/popup/style.css
index 5e7a2b6f..684e1ac6 100644
--- a/apps/browser-extension/entrypoints/popup/style.css
+++ b/apps/browser-extension/entrypoints/popup/style.css
@@ -24,7 +24,4 @@
 	a:hover {
 		color: #747bff;
 	}
-	button {
-		background-color: #f9f9f9;
-	}
 }
diff --git a/apps/browser-extension/utils/ui-components.ts b/apps/browser-extension/utils/ui-components.ts
index 7fbf098d..c160d63e 100644
--- a/apps/browser-extension/utils/ui-components.ts
+++ b/apps/browser-extension/utils/ui-components.ts
@@ -32,6 +32,7 @@ export function createToast(state: ToastState): HTMLElement {
     min-width: 200px;
     max-width: 300px;
     animation: slideIn 0.3s ease-out;
+    box-shadow: 0 4px 24px 0 rgba(0,0,0,0.18), 0 1.5px 6px 0 rgba(0,0,0,0.12);
   `
 
 	// Add keyframe animations and fonts if not already present