diff --git a/src/App.css b/src/App.css
index 3844986..d7efd13 100644
--- a/src/App.css
+++ b/src/App.css
@@ -30,6 +30,17 @@
   text-shadow: black;
 }
 
+.StatusButt {
+  font-size: medium;
+  user-select: none;
+}
+
+.StatusButt:hover {
+  transform:scale(1.1);
+  animation: LogoHoverAnime 0.1s ease-in-out;
+  text-shadow: black;
+}
+
 .Logos {
   width: 60px;
   height: 60px;
diff --git a/src/components/TopBar.js b/src/components/TopBar.js
index e797a71..e70b1b5 100644
--- a/src/components/TopBar.js
+++ b/src/components/TopBar.js
@@ -18,6 +18,9 @@ const TopBar = () => {
                         <button className="HeaderButt" onClick={() => navigate("/stream")}>Stream</button>
                         <button className="HeaderButt" onClick={() => navigate("/about")}>About</button>
                     </div>
+                    <div className="fixed top-5 items-center justify-center right-0 mr-4 select-none StatusButt">
+                        <a href='https://status.li-yo.ts.net/' target='_blank' rel='noopener noreferrer' className="">Status Page</a>
+                    </div>
                 </div>
             </div>
         </div>