diff --git a/packages/web/components/elements/DropdownElements.tsx b/packages/web/components/elements/DropdownElements.tsx
index c8eccf771..a3fb5e077 100644
--- a/packages/web/components/elements/DropdownElements.tsx
+++ b/packages/web/components/elements/DropdownElements.tsx
@@ -62,10 +62,7 @@ export const DropdownContent = styled(Content, {
     '--arrow-top': -13,
   },
   '&[data-align="start"]': {
-    '--arrow-before-left': '9px',
-    '--arrow-before-right': 'auto',
-    '--arrow-after-left': '10px',
-    '--arrow-after-right': 'auto',
+    '--arrow-visibility': 'collapse',
   },
   '&[data-align="center"]': {
     '--arrow-before-left': 'auto',
diff --git a/packages/web/components/elements/LabelColorDropdown.tsx b/packages/web/components/elements/LabelColorDropdown.tsx
index 000efedb8..50690c247 100644
--- a/packages/web/components/elements/LabelColorDropdown.tsx
+++ b/packages/web/components/elements/LabelColorDropdown.tsx
@@ -83,7 +83,7 @@ const MainContainer = styled(Box, {
 
 const CustomLabelWrapper = styled(Box, {
   fontSize: 13,
-  padding: '$2',
+  padding: 24,
   borderRadius: 3,
   cursor: 'default',
   color: '$grayText',
diff --git a/packages/web/pages/settings/labels.tsx b/packages/web/pages/settings/labels.tsx
index d03e5eec9..37a9b08ad 100644
--- a/packages/web/pages/settings/labels.tsx
+++ b/packages/web/pages/settings/labels.tsx
@@ -876,7 +876,7 @@ function DesktopEditCard(props: any) {
           css={{ marginLeft: 'auto', width: '100%' }}
         >
           <Button
-            style="plainIcon"
+            style="ctaOutlineYellow"
             css={{ mr: '12px' }}
             onClick={() => {
               resetState()