fix: design review feedback - fix case with 2 icons

acid-info · Oct 25, 2023 · 85b148a · 85b148a
1 parent 0b8bfe2
commit 85b148a
Showing 1 changed file with 15 additions and 3 deletions.
diff --git a/packages/lsd-react/src/components/Dropdown/Dropdown.styles.ts b/packages/lsd-react/src/components/Dropdown/Dropdown.styles.ts
@@ -84,6 +84,10 @@ export const DropdownStyles = css`
   .${dropdownClasses.large} {
     width: 208px;
 
+    &.${dropdownClasses.error} {
+      width: 230px;
+    }
+
     .${dropdownClasses.label} {
       margin: 0 0 6px 18px;
     }
@@ -97,13 +101,17 @@ export const DropdownStyles = css`
     }
 
     .${dropdownClasses.icons} {
-      width: 42px;
+      padding: 0px 14px;
     }
   }
 
   .${dropdownClasses.medium} {
     width: 188px;
 
+    &.${dropdownClasses.error} {
+      width: 210px;
+    }
+
     .${dropdownClasses.label} {
       margin: 0 0 6px 14px;
     }
@@ -117,13 +125,17 @@ export const DropdownStyles = css`
     }
 
     .${dropdownClasses.icons} {
-      width: 38px;
+      padding: 0px 12px;
     }
   }
 
   .${dropdownClasses.small} {
     width: 164px;
 
+    &.${dropdownClasses.error} {
+      width: 186px;
+    }
+
     .${dropdownClasses.label} {
       margin: 0 0 6px 12px;
     }
@@ -137,7 +149,7 @@ export const DropdownStyles = css`
     }
 
     .${dropdownClasses.icons} {
-      width: 34px;
+      padding: 0px 10px;
     }
   }