Tweak desktop header styles

src/components/Button.tsx

@@ -291,8 +291,9 @@ export function Button({
         } else {
           baseStyles.push({height: 50, width: 50})
         }
+      } else if (size === 'medium') {
       } else if (size === 'small') {
-        baseStyles.push({height: 40, width: 40})
+        baseStyles.push({height: 34, width: 34})
       } else if (size === 'tiny') {
         baseStyles.push({height: 20, width: 20})
       }

src/screens/Messages/List/index.tsx

@@ -225,20 +225,21 @@ function DesktopHeader({
         a.justify_between,
         a.gap_lg,
         a.px_lg,
-        a.py_sm,
+        a.pr_md,
+        a.py_md,
         a.border_b,
         t.atoms.border_contrast_low,
       ]}>
       <Text style={[a.text_2xl, a.font_bold]}>
         <Trans>Messages</Trans>
       </Text>
-      <View style={[a.flex_row, a.align_center, a.gap_md]}>
+      <View style={[a.flex_row, a.align_center, a.gap_sm]}>
         <Button
           label={_(msg`Message settings`)}
           color="secondary"
-          size="large"
+          size="small"
           variant="ghost"
-          style={[{height: 'auto', width: 'auto'}, a.px_sm, a.py_sm]}
+          shape="square"
           onPress={onNavigateToSettings}>
           <ButtonIcon icon={SettingsSlider} />
         </Button>
@@ -246,11 +247,10 @@ function DesktopHeader({
           <Button
             label={_(msg`New chat`)}
             color="primary"
-            size="large"
+            size="small"
             variant="solid"
-            style={[{height: 'auto', width: 'auto'}, a.px_md, a.py_sm]}
             onPress={newChatControl.open}>
-            <ButtonIcon icon={Plus} position="right" />
+            <ButtonIcon icon={Plus} position="left" />
             <ButtonText>
               <Trans>New chat</Trans>
             </ButtonText>