diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index f954648..bdbcdc4 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -19,9 +19,9 @@ const { title } = Astro.props;
   </head>
   <body class="bg-white text-gray-900">
     <header class="flex justify-between items-center py-8">
-      <h1 class="text-3xl font-bold">Hayley Lalchand</h1>
+      <h1 class="text-3xl font-bold md:ml-24">Hayley Lalchand</h1>
       <nav>
-        <ul class="flex space-x-4">
+        <ul class="flex space-x-4 md:mr-24">
           <li><a href="/" class="text-gray-600 hover:underline">Home</a></li>
           <li>
             <a href="/reporting" class="text-gray-600 hover:underline"
