diff --git a/src/components/Hero.astro b/src/components/Hero.astro
index 244cb48..c0ac77e 100644
--- a/src/components/Hero.astro
+++ b/src/components/Hero.astro
@@ -42,7 +42,7 @@ function getHeroTitleAnimation() {
       <motion.span client:load {...getHeroTitleAnimation()}>
         internet
       </motion.span>
-      <motion.div className="absolute top-0 right-0 rounded-full py-1 px-4 !font-bold bg-coral text-paper text-base !rotate-8" client:load {...getHeroTitleAnimation()}>
+      <motion.div className="absolute top-0 right-0 rounded-full py-1 px-4 !font-bold bg-coral text-paper text-base !rotate-6" client:load {...getHeroTitleAnimation()}>
         beta out now!
       </motion.span>
     </Title>
diff --git a/src/components/NavBar.astro b/src/components/NavBar.astro
index 8445e54..4804710 100644
--- a/src/components/NavBar.astro
+++ b/src/components/NavBar.astro
@@ -99,26 +99,28 @@ import { ThemeSwitch } from 'free-astro-components'
             </div>
           </DropdownItems>
         </Dropdown>
-        <a class="flex items-center hidden lg:block" href="/mods">
+        <a class="items-center hidden lg:block" href="/mods">
           <span>Mods</span>
         </a>
       </div>
-      <div id="theme-switcher" class="block ml-auto lg:hidden">
-        <ThemeSwitch label="" class="p-2" />
+      <div class="flex gap-2">
+        <div id="theme-switcher" class="block ml-auto xl:hidden">
+          <ThemeSwitch label="" class="p-2" />
+        </div>
+        <Button href="/download" class="ml-auto" isPrimary>
+          <span class="hidden md:flex items-center gap-2">
+            Download
+            <ArrowRight class="size-4" />
+          </span>
+          <span class="md:hidden">
+            <Download class="size-4" />
+          </span>
+        </Button>
       </div>
-      <Button href="/download" class="ml-auto" isPrimary>
-        <span class="hidden md:flex items-center gap-2">
-          Download
-          <ArrowRight class="size-4" />
-        </span>
-        <span class="md:hidden">
-          <Download class="size-4" />
-        </span>
-      </Button>
     </MenuItems>
   </Astronav>
-  <div id="theme-switcher" class="hidden lg:block py-0 w-fit lg:w-fit lg:rounded-full border-dark border-b-2 lg:border-2 px-2 backdrop-blur-2xl bg-paper dark:bg-paper dark:shadow-md mx-0 md:mx-4 flex gap-2 lg:gap-20 font-bold text-lg items-center">
-    <ThemeSwitch label="Theme" class="p-2" />
+  <div id="theme-switcher" class="hidden xl:block py-0 w-fit lg:w-fit lg:rounded-full border-dark right-0 border-b-2 lg:border-2 px-4 absolute backdrop-blur-2xl bg-paper dark:bg-paper dark:shadow-md mx-0 md:mx-4 flex gap-2 lg:gap-20 font-bold text-lg items-center">
+    <ThemeSwitch label="Theme" class="p-1" />
   </div>
 </nav>
 <style>