diff --git a/src/components/Badge.astro b/src/components/Badge.astro
index 40ce6d3..093747b 100644
--- a/src/components/Badge.astro
+++ b/src/components/Badge.astro
@@ -3,7 +3,7 @@ import foscLogo from "../assets/img/fosc-logo-old.png";
 import { Image } from "astro:assets";
 
 ---
-<div id="container" class="mt-[10vh] h-[30vh]">
+<div id="container" class="h-[30vh]">
     <Image id="logo" class="h-full w-auto" src={foscLogo} alt="FOSC Logo" />
 </div>
 
@@ -32,7 +32,7 @@ interface LogoElement extends HTMLElement {
 const logo = document.querySelector("#logo") as LogoElement;
 const logoContainer = document.querySelector("#container") as HTMLElement;
 
-let sensitivity = 20; // Adjust the sensitivity as needed
+let sensitivity = 100; // Adjust the sensitivity as needed
 let mouseX = 0;
 let mouseY = 0;
 let targetRotationX = 0;
diff --git a/src/components/HackerText.astro b/src/components/HackerText.astro
index 407a51a..ac56c8d 100644
--- a/src/components/HackerText.astro
+++ b/src/components/HackerText.astro
@@ -6,7 +6,7 @@ interface Props {
 const { text } = Astro.props;
 ---
 
-<p id="text" data-value={text} class="mt-4 text-center text-white text-7xl font-['Researcher']">{text}</p>
+<p id="text" data-value={text} class="mt-4 text-center text-7xl font-['Researcher']">{text}</p>
 
 <script>
     // Code I stole
diff --git a/src/components/Navbar.astro b/src/components/Navbar.astro
index 1d08475..35c468d 100644
--- a/src/components/Navbar.astro
+++ b/src/components/Navbar.astro
@@ -48,7 +48,15 @@ import foscLogo from '../assets/img/fosc-logo-new.png'
 
     
     <div class="navbar-end">
-        <button class="btn btn-ghost" data-toggle-theme="dark,light" data-act-class="ACTIVECLASS">🌚</button>
+        <select  class="select select-ghost" data-choose-theme>
+            <option value="">Default</option>
+            <option value="light">Light</option>
+            <option value="dark">Dark</option>
+            <option value="cyberpunk">Cyberpunk</option>
+            <option value="black">Black</option>
+            <option value="retro">Retro</option>
+            <option value="synthwave">Synthwave</option>
+          </select>
     </div>
 
 
diff --git a/src/pages/index.astro b/src/pages/index.astro
index c9e4e58..62c4744 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -49,15 +49,15 @@ import foscLogo from "../assets/img/fosc-logo-old.png";
 
         <!-- Floating center items -->
         <div class="container-sm mx-auto px-4 flex flex-col justify-center items-center">
-          <Badge></Badge>
-          <HackerText text="FOSC"></HackerText>
+          <div class="mt-[10vh]">
+            <Badge></Badge>
+          </div>
+          <div class="mt-[5vh]">
+            <HackerText text="FOSC"></HackerText>
+          </div>
         </div>
 
         <div class="container mx-auto flex justify-center items-center">
-          <button class="btn" data-set-theme="" data-act-class="ACTIVECLASS">none</button>
-          <button class="btn" data-set-theme="light" data-act-class="ACTIVECLASS">light</button>
-          <button class="btn" data-set-theme="dark" data-act-class="ACTIVECLASS">dark</button>
-          <button class="btn" data-set-theme="cyberpunk" data-act-class="ACTIVECLASS">cyber</button>
 
         </div>