diff --git a/packages/web/components/elements/DropdownElements.tsx b/packages/web/components/elements/DropdownElements.tsx
index b601b7f6b..1e42d61ba 100644
--- a/packages/web/components/elements/DropdownElements.tsx
+++ b/packages/web/components/elements/DropdownElements.tsx
@@ -53,7 +53,7 @@ export const DropdownContent = styled(Content, {
   borderRadius: '6px',
   outline: '1px solid #323232',
   border: '1px solid $grayBorder',
-  boxShadow: '$cardBoxShadow',
+  boxShadow: '0px 1px 2px 0px rgba(0, 0, 0, 0.05);',
   '--arrow-visibility': '',
   '&[data-side="top"]': {
     '--arrow-visibility': 'collapse',
diff --git a/packages/web/components/tokens/stitches.config.ts b/packages/web/components/tokens/stitches.config.ts
index f17a02085..dbd792a7f 100644
--- a/packages/web/components/tokens/stitches.config.ts
+++ b/packages/web/components/tokens/stitches.config.ts
@@ -103,8 +103,7 @@ export const { styled, css, theme, getCssText, globalCss, keyframes, config } =
       borderWidths: {},
       borderStyles: {},
       shadows: {
-        panelShadow: '0px 4px 18px rgba(120, 123, 134, 0.12)',
-        cardBoxShadow: '0px 16px 25px 16px rgba(32, 31, 29, 0.1)',
+        cardBoxShadow: '0px 1px 2px 0px rgba(0, 0, 0, 0.05);',
       },
       zIndices: {},
       transitions: {},