diff --git a/src/components/Navbar.jsx b/src/components/Navbar.jsx
index fb430db..581f841 100644
--- a/src/components/Navbar.jsx
+++ b/src/components/Navbar.jsx
@@ -66,6 +66,7 @@ export default function Navbar() {
         <button
           onClick={() => navigate('/settings')}
           style={{ background: 'none', border: '1px solid var(--border)', color: 'var(--text2)', borderRadius: 6, padding: '5px 10px', fontSize: 12, display: 'flex', alignItems: 'center', gap: 5 }}
+          className='h-[-webkit-fill-available]'
         >
           <FiSettings size={13} /> Settings
         </button>
diff --git a/src/components/ThemeToggle.jsx b/src/components/ThemeToggle.jsx
index 3467e1d..fa74fc8 100644
--- a/src/components/ThemeToggle.jsx
+++ b/src/components/ThemeToggle.jsx
@@ -18,6 +18,7 @@ export default function ThemeToggle() {
         alignItems: "center",
         gap: 5,
       }}
+      className='h-[-webkit-fill-available]'
       title={`Switch to ${theme === "dark" ? "light" : "dark"} theme`}
     >
       {theme === "dark" ? <FiSun size={13} /> : <FiMoon size={13} />}
diff --git a/src/components/layout/Footer.jsx b/src/components/layout/Footer.jsx
index 3f61365..93fc7f3 100644
--- a/src/components/layout/Footer.jsx
+++ b/src/components/layout/Footer.jsx
@@ -11,7 +11,7 @@ import { HiOutlineMail } from "react-icons/hi";
 const footerLinks = [
   {
     label: "Documentation",
-    href: "/docs",
+    href: "https://github.com/AOSSIE-Org/OrgExplorer/blob/main/README.md",
   },
   {
     label: "Terms of Service",
@@ -23,7 +23,7 @@ const footerLinks = [
   },
   {
     label: "API Status",
-    href: "/status",
+    href: "/settings#api-status",
   },
 ];