Increase horizontal padding in header for desktop viewports

unstubbable · Mar 16, 2024 · 30d5982 · 30d5982
1 parent 2aa5746
commit 30d5982
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/app/header.tsx b/src/app/header.tsx
@@ -3,7 +3,7 @@ import gitHubLogo from './github-mark-white.svg';
 
 export function Header(): React.ReactNode {
   return (
-    <header className="flex items-center justify-between bg-zinc-800 px-4 py-3 text-zinc-50 shadow">
+    <header className="flex items-center justify-between bg-zinc-800 px-4 py-3 text-zinc-50 shadow md:px-6">
       <div>
         <h1 className="text-xl font-bold">AI SDK with Generative UI</h1>
         <h2 className="text-sm">Deployed on AWS Lambda &amp; CloudFront</h2>