diff --git a/src/app/(pages)/requests/components/GroupRequests/Options/ConfirmButton.tsx b/src/app/(pages)/requests/components/GroupRequests/Options/ConfirmButton.tsx
index 6018c80..2d6ba85 100644
--- a/src/app/(pages)/requests/components/GroupRequests/Options/ConfirmButton.tsx
+++ b/src/app/(pages)/requests/components/GroupRequests/Options/ConfirmButton.tsx
@@ -23,7 +23,7 @@ export default function ConfirmButton(props: Readonly<ConfirmButtonProps>) {
     <>
       <button
         type="button"
-        className="popover-option text-primary"
+        className="popover-option"
         onClick={open}
       >
         Approve Group Request
diff --git a/src/app/(pages)/requests/components/RegistrationRequests/Options/ConfirmButton.tsx b/src/app/(pages)/requests/components/RegistrationRequests/Options/ConfirmButton.tsx
index dee6e20..6ee223e 100644
--- a/src/app/(pages)/requests/components/RegistrationRequests/Options/ConfirmButton.tsx
+++ b/src/app/(pages)/requests/components/RegistrationRequests/Options/ConfirmButton.tsx
@@ -23,7 +23,7 @@ export default function ConfirmButton(props: Readonly<ConfirmButtonProps>) {
     <>
       <button
         type="button"
-        className="popover-option text-primary"
+        className="popover-option"
         onClick={open}
       >
         Accept User
diff --git a/src/app/globals.css b/src/app/globals.css
index 0d3dd0e..617de15 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -90,7 +90,7 @@
   }
 
   .popover-option {
-    @apply whitespace-nowrap bg-gray-100 p-2 hover:bg-gray-200/50;
+    @apply whitespace-nowrap p-2 text-start hover:bg-gray-200/50;
   }
 
   .combobox {
diff --git a/src/components/Options/index.tsx b/src/components/Options/index.tsx
index f5988e5..22c5155 100644
--- a/src/components/Options/index.tsx
+++ b/src/components/Options/index.tsx
@@ -14,7 +14,7 @@ export default function Options(props: Readonly<OptionsProps>) {
       </PopoverButton>
       <PopoverPanel
         anchor="bottom"
-        className="flex flex-col rounded-lg bg-gray-50 shadow"
+        className="flex flex-col rounded-lg bg-gray-50 shadow dark:bg-white/10 dark:backdrop-blur-lg"
       >
         {children}
       </PopoverPanel>