From 57ab0dadc9f921286cea69d269ac44be683447f1 Mon Sep 17 00:00:00 2001
From: Shivansh-22866 <shivanshp0418@gmail.com>
Date: Tue, 14 Oct 2025 19:18:22 +0530
Subject: [PATCH] Remove appearance for Safari browsers

---
 .../app/pages/portfolio/fire/fire-page.scss   | 23 +++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

diff --git a/apps/client/src/app/pages/portfolio/fire/fire-page.scss b/apps/client/src/app/pages/portfolio/fire/fire-page.scss
index 2892885c9..93f0f3a19 100644
--- a/apps/client/src/app/pages/portfolio/fire/fire-page.scss
+++ b/apps/client/src/app/pages/portfolio/fire/fire-page.scss
@@ -2,12 +2,26 @@
   display: block;
 
   .safe-withdrawal-rate-select {
-    background-color: transparent;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: initial;
+
+    background-color: transparent !important;
+    border: none !important;
+
     color: rgb(var(--dark-primary-text));
 
+    font: inherit;
+
     &:focus {
       box-shadow: none;
-      outline: 0;
+      outline: none;
+    }
+
+    option {
+      background-color: rgb(var(--light-background));
+      color: rgb(var(--dark-primary-text));
+      border: none;
     }
   }
 }
@@ -15,5 +29,10 @@
 :host-context(.theme-dark) {
   .safe-withdrawal-rate-select {
     color: rgb(var(--light-primary-text));
+
+    option {
+      background-color: rgb(var(--dark-background));
+      color: rgb(var(--light-primary-text));
+    }
   }
 }