fix tests

theme/components/Select.ts

@@ -53,6 +53,15 @@ const sizes = {
       ...iconSpacing,
     },
   },
+  xs: {
+    ...Input.sizes?.xs,
+    field: {
+      ...Input.sizes?.xs.field,
+      ...iconSpacing,
+      fontSize: 'sm',
+      lineHeight: '20px',
+    },
+  },
 };
 
 const Select = defineMultiStyleConfig({
@@ -62,7 +71,7 @@ const Select = defineMultiStyleConfig({
   },
   sizes,
   defaultProps: {
-    size: 'sm',
+    size: 'xs',
   },
 });
 

ui/shared/RawInputData.tsx

@@ -21,7 +21,7 @@ const RawInputData = ({ hex }: Props) => {
   return (
     <Box w="100%">
       <Flex justifyContent="space-between" alignItems="center">
-        <Select size="sm" borderRadius="base" value={ selectedDataType } onChange={ handleSelectChange } focusBorderColor="none" w="auto">
+        <Select size="xs" borderRadius="base" value={ selectedDataType } onChange={ handleSelectChange } focusBorderColor="none" w="auto">
           { OPTIONS.map((option) => <option key={ option } value={ option }>{ option }</option>) }
         </Select>
         <CopyToClipboard text={ hex }/>

ui/shared/logs/LogTopic.tsx

@@ -66,7 +66,7 @@ const LogTopic = ({ hex, index }: Props) => {
       </Button>
       { index !== 0 && (
         <Select
-          size="sm"
+          size="xs"
           borderRadius="base"
           value={ selectedDataType }
           onChange={ handleSelectChange }

ui/snippets/networkMenu/NetworkMenuContentMobile.tsx

@@ -21,7 +21,7 @@ const NetworkMenuContentMobile = () => {
 
   return (
     <Box mt={ 6 }>
-      <Select size="sm" borderRadius="base" value={ selectedTab } onChange={ handleSelectChange } focusBorderColor="none">
+      <Select size="xs" borderRadius="base" value={ selectedTab } onChange={ handleSelectChange } focusBorderColor="none">
         { TABS.map((tab) => <option key={ tab } value={ tab }>{ capitalize(tab) }</option>) }
       </Select>
       <VStack as="ul" spacing={ 2 } alignItems="stretch" mt={ 6 }>

ui/tx/state/TxStateStorageItem.tsx

@@ -45,7 +45,7 @@ const TxStateStorageItem = ({ storageItem }: {storageItem: TTxStateItemStorage})
           <GridItem display="flex" flexDir="row" columnGap={ 3 } alignItems="center" >
             { item.select && (
               <Select
-                size="sm"
+                size="xs"
                 borderRadius="base"
                 focusBorderColor="none"
                 display="inline-block"