fix(Menu): styles

Author: tenphi

src/components/pickers/Menu/MenuButton.tsx

@@ -3,10 +3,7 @@ import { ReactElement, ReactNode } from 'react';
 
 import { CheckIcon } from '../../../icons';
 import { tasty } from '../../../tasty';
-import {
-  DEFAULT_BUTTON_STYLES,
-  DEFAULT_NEUTRAL_STYLES,
-} from '../../actions/index';
+import { DEFAULT_BUTTON_STYLES, DEFAULT_NEUTRAL_STYLES } from '../../actions';
 import { Block, CubeBlockProps } from '../../Block';
 import { Text } from '../../content/Text';
 import { Space } from '../../layout/Space';
@@ -37,9 +34,8 @@ const StyledButton = tasty(Block, {
     shadow: '#clear',
     padding: {
       '': '0 (1x - 1bw)',
-      'selectable & !selected': '0 (1.5x - 1bw) 0 (1.5x - 1bw)',
       'selectionIcon & selectable & !selected':
-        '0 (1.5x - 1bw) 0 (1.5x - 1bw + 3x)',
+        '0 (1x - 1bw) 0 (1x - 1bw + 3x)',
     },
     display: 'flex',
     flow: 'row',

src/components/pickers/Menu/styled.tsx

@@ -54,7 +54,7 @@ export const StyledHeader = tasty(Space, {
   styles: {
     color: '#dark-02',
     preset: 't2m',
-    padding: '0.75x 2x',
+    padding: '0.75x 1.5x',
     margin: '-0.5x -0.5x (0.5x - 1bw) -0.5x',
     border: '#dark-05 bottom',
     placeContent: 'space-between',