dropdown icon padding tweaks

Author: outofambit

src/components/Dropdown/index.tsx

@@ -119,7 +119,7 @@ export const Dropdown = ({
       aria-expanded={isOpen}
       tabIndex={0}
     >
-      <div className={styles.icon}>
+      <div className={styles.iconTop}>
         <Icon kind={iconKind} />
       </div>
       <span>

src/components/Dropdown/styles.module.scss

@@ -50,7 +50,8 @@
 }
 
 .icon,
-.chevron {
+.chevron,
+.iconTop {
   position: absolute;
   pointer-events: none;
 }
@@ -69,6 +70,16 @@
   }
 }
 
+.iconTop {
+  left: 10px;
+  top: 8px;
+
+  @media (min-width: $breakpoint-laptop) {
+    left: 11px;
+    top: 10px;
+  }
+}
+
 .chevron {
   right: 10px;
   top: 12px;