diff --git a/public/images/exit_fullscreen.png b/public/images/exit_fullscreen.png
new file mode 100644
index 0000000..032309c
Binary files /dev/null and b/public/images/exit_fullscreen.png differ
diff --git a/public/images/fullscreen.png b/public/images/fullscreen.png
new file mode 100644
index 0000000..686beca
Binary files /dev/null and b/public/images/fullscreen.png differ
diff --git a/src/components/auth/client/Sign_Out.tsx b/src/components/auth/client/Sign_Out.tsx
index 1e6db4c..fe72f20 100644
--- a/src/components/auth/client/Sign_Out.tsx
+++ b/src/components/auth/client/Sign_Out.tsx
@@ -15,10 +15,8 @@ export default function Sign_Out() {
           className="rounded-full border-2 border-white m-auto mr-1 md:mr-2
           max-w-[25px] md:max-w-[35px]"
         />
-        <Button onClick={() => signOut()}
+        <Button onClick={() => signOut()} variant="secondary"
           className="w-full p-2 rounded-xl text-sm md:text-lg"
-          //bg-gradient-to-tl from-[#35363F] to=[#24191A]
-          //hover:bg-gradient-to-tr hover:from-[#35363F] hover:to-[#23242F]"
         >
           Sign Out
         </Button>
@@ -26,5 +24,3 @@ export default function Sign_Out() {
     );
   }
 };
-
-        //<User_Avatar session={session} />
diff --git a/src/components/ui/Header.tsx b/src/components/ui/Header.tsx
index 2ba9e55..a4829a6 100644
--- a/src/components/ui/Header.tsx
+++ b/src/components/ui/Header.tsx
@@ -8,11 +8,11 @@ export default function Header() {
   const { tvMode } = useTVMode();
   if (tvMode) {
     return (
-        <div className="absolute top-4 right-2">
-          <div className="flex flex-row my-auto items-center pt-2 pr-0 md:pt-4">
-            < TV_Toggle />
-          </div>
+      <div className="absolute top-4 right-2">
+        <div className="flex flex-row my-auto items-center pt-2 pr-0 md:pt-4">
+          < TV_Toggle />
         </div>
+      </div>
     );
   } else {
     return (
diff --git a/src/components/ui/TV_Toggle.tsx b/src/components/ui/TV_Toggle.tsx
index 53b66ac..0c75a48 100644
--- a/src/components/ui/TV_Toggle.tsx
+++ b/src/components/ui/TV_Toggle.tsx
@@ -1,5 +1,5 @@
 "use client";
-import { Switch } from "~/components/ui/shadcn/switch";
+import Image from "next/image";
 import { useTVMode } from "~/components/context/TVModeContext";
 import { useSession } from "next-auth/react";
 
@@ -8,12 +8,16 @@ export default function TV_Toggle() {
   const { data: session } = useSession();
   if (!session) return <div/>;
   return (
-    <Switch
-      checked={tvMode}
-      onCheckedChange={toggleTVMode}
-      className="bg-gradient-to-br from-[#595959] to-[#444444]
-        hover:bg-gradient-to-bl hover:from-[#484848] hover:to-[#333333]
-        mx-4 mt-2"
-    />
+    <button onClick={toggleTVMode} className="mr-4 mt-1">
+      {tvMode ? (
+        <Image src="/images/exit_fullscreen.png" alt="Exit TV Mode"
+          width={25} height={25}
+        />
+      ) : (
+        <Image src="/images/fullscreen.png" alt="Enter TV Mode"
+          width={25} height={25}
+        />
+      )}
+    </button>
   );
 }