diff --git a/bun.lockb b/bun.lockb
index 4131241..a38b01d 100755
Binary files a/bun.lockb and b/bun.lockb differ
diff --git a/package.json b/package.json
index 87a183f..17cf841 100644
--- a/package.json
+++ b/package.json
@@ -6,6 +6,7 @@
     "@testing-library/jest-dom": "^5.17.0",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
+    "caniuse-lite": "^1.0.30001699",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-player": "^2.16.0",
diff --git a/src/App.css b/src/App.css
index d7efd13..e282c1e 100644
--- a/src/App.css
+++ b/src/App.css
@@ -48,6 +48,11 @@
   pointer-events: none;
 }
 
+.grayout {
+  opacity: 0.6; /* Real browsers */
+  filter: alpha(opacity = 60); /* MSIE */
+}
+
 .PubP {
   font-size: larger;
   user-select: none;
diff --git a/src/components/About.js b/src/components/About.js
index f65e371..fe1b906 100644
--- a/src/components/About.js
+++ b/src/components/About.js
@@ -1,6 +1,3 @@
-import BottomBar from "./BottomBar";
-import TopBar from "./TopBar";
-
 const AboutPage = () => {
     return(  
         <div className="flex justify-center items-center w-screen h-screen text-xl text-secondary MainBG">
diff --git a/src/components/BottomBar.js b/src/components/BottomBar.js
index aec1368..cb382b9 100644
--- a/src/components/BottomBar.js
+++ b/src/components/BottomBar.js
@@ -1,10 +1,11 @@
 import PageLoadTime from "./PageLoadTime";
+import React from "react";
 
 const BottomBar = () => {
     return (
         <div className="fixed bottom-0 left-0 h-8 w-screen flex flex-row backdrop-brightness-50 text-secondary justify-center items-center">
             <div className="fixed right-5">
-                <p className="text-sm">Powered by React.</p>
+                <p className="text-sm">Powered by Rabbits.</p>
             </div>
             <div className="fixed flex justify-center">
                 <p className="text-sm">&copy; LibreBun 2023-2025</p>
@@ -16,4 +17,4 @@ const BottomBar = () => {
     );
 };
 
-export default BottomBar;
\ No newline at end of file
+export default React.memo(BottomBar);
\ No newline at end of file
diff --git a/src/components/Home.js b/src/components/Home.js
index ab454ef..216701b 100644
--- a/src/components/Home.js
+++ b/src/components/Home.js
@@ -1,4 +1,5 @@
 import { useEffect, useState } from 'react';
+import React from 'react';
 
 function Home() {
   const [Versions, setVersions] = useState('');
@@ -59,4 +60,4 @@ function Home() {
   
 }
 
-export default Home;
\ No newline at end of file
+export default React.memo(Home);
\ No newline at end of file
diff --git a/src/components/Stream.js b/src/components/Stream.js
index 3889772..1b253ef 100644
--- a/src/components/Stream.js
+++ b/src/components/Stream.js
@@ -1,5 +1,4 @@
-import BottomBar from "./BottomBar";
-import TopBar from "./TopBar";
+import React from "react";
 
 const StreamPage = () => {
     return(  
@@ -19,9 +18,9 @@ const StreamPage = () => {
                     height="100%" width="30%">
                 </iframe>
             </div>
-            <a href="https://cast.librebun.com/" className="my-5">Join me on my actual Owncast site!</a>
+            <p className="mt-2">Join me on my actual</p><a href="https://cast.librebun.com/" className="font-bold text-slate-50">Owncast site!</a>
         </div>
     );
 }
 
-export default StreamPage;
\ No newline at end of file
+export default React.memo(StreamPage);
\ No newline at end of file
diff --git a/src/components/TopBar.js b/src/components/TopBar.js
index 785c492..39e19d9 100644
--- a/src/components/TopBar.js
+++ b/src/components/TopBar.js
@@ -27,4 +27,4 @@ const TopBar = () => {
     );
 };
 
-export default TopBar;
\ No newline at end of file
+export default React.memo(TopBar);
\ No newline at end of file