diff --git a/.changeset/twenty-knives-attend.md b/.changeset/twenty-knives-attend.md
new file mode 100644
index 0000000..0a71f60
--- /dev/null
+++ b/.changeset/twenty-knives-attend.md
@@ -0,0 +1,5 @@
+---
+'@sweatpants/react': patch
+---
+
+Increase Tab gap, fix TextField lineheight, add background color to input components
diff --git a/packages/react/src/select/Select.tsx b/packages/react/src/select/Select.tsx
index b6fec01..b1047f0 100644
--- a/packages/react/src/select/Select.tsx
+++ b/packages/react/src/select/Select.tsx
@@ -67,6 +67,7 @@ const triggerStyles = cva({
       neutral: {
         borderColor: 'gray7',
         boxShadow: 'sm',
+        bg: 'gray1',
         '&:hover:not(:focus)': {
           borderColor: 'gray8'
         },
diff --git a/packages/react/src/tabs/Tabs.tsx b/packages/react/src/tabs/Tabs.tsx
index a980220..48d8a35 100644
--- a/packages/react/src/tabs/Tabs.tsx
+++ b/packages/react/src/tabs/Tabs.tsx
@@ -14,7 +14,6 @@ const styles = cva({
     position: 'relative',
     display: 'flex',
     flexDirection: 'row',
-    gap: '3',
     w: '100%'
   },
   variants: {
@@ -25,10 +24,10 @@ const styles = cva({
       }
     },
     size: {
-      xs: { py: '3', px: '3' },
-      sm: { py: '3', px: '3' },
-      md: { py: '4', px: '4' },
-      lg: { py: '4', px: '4' }
+      xs: { py: '3', px: '3', gap: '4' },
+      sm: { py: '3', px: '3', gap: '4' },
+      md: { py: '4', px: '4', gap: '5' },
+      lg: { py: '4', px: '4', gap: '5' }
     }
   }
 });
diff --git a/packages/react/src/text-field/TextField.tsx b/packages/react/src/text-field/TextField.tsx
index febf856..c1a24c8 100644
--- a/packages/react/src/text-field/TextField.tsx
+++ b/packages/react/src/text-field/TextField.tsx
@@ -40,7 +40,7 @@ const inputStyles = cva({
     borderStyle: 'solid',
     borderColor: 'gray7',
     borderRadius: 'sm',
-    background: 'transparent',
+    bg: 'gray1',
     boxShadow: 'sm',
     fontSize: '3',
     paddingX: '3',
@@ -65,10 +65,10 @@ const inputStyles = cva({
       lg: {
         fontSize: '6',
         paddingX: '5',
-        lineHeight: 'calc(2.5rem - 2px)'
+        height: '2.5rem'
       },
-      md: { fontSize: '5', paddingX: '4', lineHeight: 'calc(2rem - 2px)' },
-      sm: { fontSize: '3', paddingX: '4', lineHeight: 'calc(1.75rem - 2px)' }
+      md: { fontSize: '5', paddingX: '4', height: '2rem' },
+      sm: { fontSize: '3', paddingX: '4', height: '1.75rem' }
     },
     hasError: {
       true: {