From 2e4afd6d881e34b5546ad93760501b9f9104bf60 Mon Sep 17 00:00:00 2001
From: "J. Lewis" <6710419+lewxdev@users.noreply.github.com>
Date: Tue, 27 Aug 2024 15:14:04 -0400
Subject: [PATCH] fix: header padding

(when field width is smaller than the viewport)
---
 app/components/header.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/components/header.tsx b/app/components/header.tsx
index 218e3e7..3cd48eb 100644
--- a/app/components/header.tsx
+++ b/app/components/header.tsx
@@ -9,7 +9,7 @@ export function Header() {
   const [exposedPercent] = useSocketEvent("exposedPercent");
 
   return (
-    <header className="w-[min(var(--field-size),100%)] px-4 py-1 flex justify-between">
+    <header className="box-content w-[min(var(--field-size),100%)] px-4 py-1 flex justify-between">
       <div className="flex flex-row gap-6">
         <h1 className="text-4xl font-extrabold uppercase italic pr-4">
           mmmines!