diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 2406274..c44ef54 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -7,7 +7,7 @@ export default function App() {
   return (
     <>
       <Navbar />
-      <div className="App" style={{ display: 'flex', flexDirection: 'column', justifyContent: 'center', alignItems: 'center', height: '100vh' , gap: 15}}>
+      <div className="App" style={{ display: 'flex', flexDirection: 'column', justifyContent: 'center', alignItems: 'center', height: '90vh' , gap: 15}}>
       <img
         src="/PeerNotes.png" 
         alt="PeerNotes Logo" 
diff --git a/frontend/src/styles/App.css b/frontend/src/styles/App.css
index da7d9e9..ee9db94 100644
--- a/frontend/src/styles/App.css
+++ b/frontend/src/styles/App.css
@@ -5,5 +5,6 @@ nav {
     padding: 1rem 2rem;
     border: 3px solid #f1f1f1;
     border-radius: 5px;
-    color: white;
+    color: black;
+    background-color: white;
 }
\ No newline at end of file