From 86c2fb4a73c5e8e15307fa48c9e7995a199f0a85 Mon Sep 17 00:00:00 2001
From: Max Leiter <max.leiter@vercel.com>
Date: Thu, 23 Feb 2023 20:40:07 -0800
Subject: [PATCH] mobile header improvements

---
 src/app/components/header/header.module.css | 1 +
 src/app/components/header/index.tsx         | 5 ++---
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/components/header/header.module.css b/src/app/components/header/header.module.css
index 57441306..fc039974 100644
--- a/src/app/components/header/header.module.css
+++ b/src/app/components/header/header.module.css
@@ -59,6 +59,7 @@
 
 .contentWrapper {
 	background: var(--bg);
+	margin-left: var(--gap);
 }
 
 @media only screen and (max-width: 768px) {
diff --git a/src/app/components/header/index.tsx b/src/app/components/header/index.tsx
index a23dab84..7a29d153 100644
--- a/src/app/components/header/index.tsx
+++ b/src/app/components/header/index.tsx
@@ -51,7 +51,6 @@ const Header = () => {
 					aria-label={tab.name}
 					aria-current={isActive ? "page" : undefined}
 					data-tab={tab.value}
-					width="auto"
 				>
 					{tab.name ? tab.name : undefined}
 				</Button>
@@ -59,7 +58,7 @@ const Header = () => {
 		} else if (tab.href) {
 			return (
 				<Link key={tab.value} href={tab.href} data-tab={tab.value}>
-					<Button className={activeStyle} iconLeft={tab.icon} width="auto">
+					<Button className={activeStyle} iconLeft={tab.icon}>
 						{tab.name ? tab.name : undefined}
 					</Button>
 				</Link>
@@ -178,7 +177,7 @@ const Header = () => {
 					className={clsx(buttonStyles.button, styles.mobile)}
 					asChild
 				>
-					<Button aria-label="Menu">
+					<Button aria-label="Menu" height="auto">
 						<Menu />
 					</Button>
 				</DropdownMenu.Trigger>