diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 54c5d65..a2b5d29 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -31,6 +31,14 @@ export default function App() {
   )
 }
 function Navbar() {
+  const linkStyle = {
+    textDecoration: 'none', 
+    color: 'black',
+    background: '#B1D4E0', 
+    padding: '8px 16px', 
+    borderRadius: '5px',
+    margin: '0 5px' 
+  };
   const session = useContext(SessionContext);
   const logout = () => {
     destroySessionCookie();
@@ -39,8 +47,10 @@ function Navbar() {
 
   const links = session ? (
     <>
-      <Link to="/">Home</Link>
-      <a onClick={logout}>Logout</a>
+      <img src="/PeerNotes.png" alt="PeerNotes Logo" style={{ height: '60px', marginRight: '10px' }} />
+      <Link to="/" style={linkStyle}>Home</Link>
+      <Link to="/search" style={linkStyle}>Search</Link>
+      <a onClick={logout} style={linkStyle}>Logout</a>
     </>
   ): (
       <Link to="/login">Login</Link>
diff --git a/frontend/src/styles/App.css b/frontend/src/styles/App.css
index 2909c89..b77c0f5 100644
--- a/frontend/src/styles/App.css
+++ b/frontend/src/styles/App.css
@@ -1,12 +1,18 @@
 nav {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: 1rem 2rem;
-    border: 3px solid #f1f1f1;
-    border-radius: 5px;
-    color: black;
-    background-color: white;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 1rem 2rem;
+  margin: 0;
+  width: 100%;
+  background-color: #145DA0;
+  border: none;
+  border-radius: 0;
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 1000;
+  box-sizing: border-box;
 }
 .App {
     display: flex;