diff --git a/src/components/DarkModeSwitch.tsx b/src/components/DarkModeSwitch.tsx
index 44a9cb3..b1b0b15 100644
--- a/src/components/DarkModeSwitch.tsx
+++ b/src/components/DarkModeSwitch.tsx
@@ -1,6 +1,7 @@
 import React, {FunctionComponent, useEffect, useState} from "react";
 
-import {MoonIcon, SunIcon} from "@heroicons/react/24/outline";
+import {SunIcon} from "@heroicons/react/24/outline";
+import {MoonIcon} from "@heroicons/react/24/solid";
 import {classNames} from "@/utils/helpers";
 
 function setMode(dark: boolean) {
diff --git a/src/components/Page.tsx b/src/components/Page.tsx
index 7cb0db2..3ad6484 100644
--- a/src/components/Page.tsx
+++ b/src/components/Page.tsx
@@ -11,7 +11,7 @@ const Page: FunctionComponent<PageProps> = ({children}: PageProps) => {
     return (
         <>
             <main className="flex w-full flex-col items-center bg-white dark:bg-zinc-900 text-gray-700 dark:text-gray-300">
-                <DarkModeSwitch className="absolute top-5 right-5" />
+                <DarkModeSwitch className="fixed top-5 right-5" />
                 <div className="mt-8 px-3 max-w-screen-md w-[90%]">
                     <h1 className="text-3xl font-rokkitt text-zinc-800 dark:text-zinc-100 sm:text-5xl mb-2">
                         <Link href={"/"}>100Prisoners.com</Link>