diff --git a/frontend/src/Header.svelte b/frontend/src/Header.svelte
index de8ecda..fedd7b2 100644
--- a/frontend/src/Header.svelte
+++ b/frontend/src/Header.svelte
@@ -34,7 +34,7 @@
 
 <header class="mb-2">
     <nav class="bg-white border-gray-200 px-4 lg:px-6 py-2.5 dark:bg-gray-800">
-        <div class="flex flex-wrap justify-between items-center mx-auto max-w-screen-xl">
+        <div class="flex justify-between items-center mx-auto max-w-screen-lg">
             <img src={logo} class="mr-3 h-6 sm:h-9" alt="AniTrack Logo"/>
 
             <div class="flex space-x-4 items-center">
@@ -55,9 +55,9 @@
                               clip-rule="evenodd"></path>
                     </svg>
                 </button>
-                <div class="hidden justify-between lg:space-x-44 items-center w-full lg:flex lg:flex-wrap lg:mx-auto lg:max-w-screen-lg"
+                <div class="hidden justify-between items-center w-full lg:flex md:space-x-20 lg:mx-auto lg:max-w-screen-xl"
                      id="mobile-menu-2">
-                    <ul class="flex flex-col mt-4 font-medium lg:flex-row lg:space-x-2 lg:mt-0">
+                    <ul class="flex flex-col mt-4 font-medium md:flex-row md:space-x-2 md:mt-0">
                         <li>
                             {#if isAniListLoggedIn}
                                 <span class="bg-green-100 text-green-800 text-sm font-medium me-2 px-2.5 py-0.5 rounded dark:bg-green-800 dark:text-green-200 cursor-default">AniList: {currentAniListUser.data.Viewer.name}</span>