diff --git a/packages/renderer/src/components/dropdown-menu/index.tsx b/packages/renderer/src/components/dropdown-menu/index.tsx
index a6920b445..640d55ae3 100644
--- a/packages/renderer/src/components/dropdown-menu/index.tsx
+++ b/packages/renderer/src/components/dropdown-menu/index.tsx
@@ -72,7 +72,6 @@ export const DropdownMenu = ({ children, ...props }: MenuProps) => {
       radius="sm"
       styles={{
         dropdown: {
-          backdropFilter: 'blur(8px)',
           filter: 'drop-shadow(0 0 5px rgb(0, 0, 0, 50%))',
         },
       }}
diff --git a/packages/renderer/src/components/select/index.tsx b/packages/renderer/src/components/select/index.tsx
index 12221880e..e189f2494 100644
--- a/packages/renderer/src/components/select/index.tsx
+++ b/packages/renderer/src/components/select/index.tsx
@@ -38,7 +38,6 @@ export const Select = ({ width, maxWidth, ...props }: SelectProps) => {
       withinPortal
       styles={{
         dropdown: {
-          backdropFilter: 'blur(8px)',
           background: 'var(--dropdown-menu-bg)',
           filter: 'drop-shadow(0 0 5px rgb(0, 0, 0, 20%))',
         },
diff --git a/packages/renderer/src/themes/default.scss b/packages/renderer/src/themes/default.scss
index fae5c0601..d1dbaa284 100644
--- a/packages/renderer/src/themes/default.scss
+++ b/packages/renderer/src/themes/default.scss
@@ -62,7 +62,7 @@
   --input-active-fg: rgb(193, 193, 193);
   --input-active-bg: rgba(255, 255, 255, 0.1);
 
-  --dropdown-menu-bg: rgba(24, 24, 24, 0.85);
+  --dropdown-menu-bg: rgb(24, 24, 24);
   --dropdown-menu-fg: rgb(220, 220, 220);
   --dropdown-menu-bg-hover: rgb(37, 38, 43);
   --dropdown-menu-border: 1px rgba(50, 50, 50, 0.7) solid;
@@ -81,7 +81,7 @@
   --toast-description-fg: rgb(193, 194, 197);
   --toast-bg: rgb(16, 16, 16);
 
-  --modal-bg: rgba(24, 24, 24, 0.85);
+  --modal-bg: rgb(24, 24, 24);
 
   --paper-bg: rgb(30, 30, 30);