diff --git a/var/www/styling.css b/var/www/styling.css
index 3d47faf..20279c7 100644
--- a/var/www/styling.css
+++ b/var/www/styling.css
@@ -1,26 +1,16 @@
-.topNavBar ul {
-    list-style-type: none;
-    margin: 0;
-    padding: 0;
-    overflow: hidden;
+.topNavBar {
     background-color: #333;
-    position: fixed;
-    top: 0px;
-    width: 100%;
+    overflow: hidden;
 }
-.topNavBar li {
+.topNavBar a {
     float: left;
-}
-.topNavBar li a {
-    display: block;
-    color: white;
+    color: #f2f2f2;
     text-align: center;
     padding: 14px 16px;
     text-decoration: none;
+    font-size: 17px;
 }
-.topNavBar li a:hover {
-    background-color: #111;
-}
-.topNavBar .active {
-    background-color: #4CAF50;
+.topNavBar a:hover {
+    background-color: #ddd;
+    color: black;
 }
\ No newline at end of file
diff --git a/var/www/topNavBar.html b/var/www/topNavBar.html
index 29f35f5..5f7aed4 100644
--- a/var/www/topNavBar.html
+++ b/var/www/topNavBar.html
@@ -1,10 +1,10 @@
-<ul class="topNavBar">
-    <li><a href="/friends.php">See Friends</a></li>
-    <li><a href="messages.php">See Messages</a></li>
-    <li><a href="search.php">Search</a></li>
-    <li><a href="sendMessage.php">Message Someone</a></li>
-    <li><a href="findFriend.html">Find a New Friend</a></li>
-    <li><a href="pendingFriend.html">Check Pending Friends</a></li>
+<div class="topNavBar">
+    <a href="/friends.php">See Friends</a>
+    <a href="messages.php">See Messages</a>
+    <a href="search.php">Search</a>
+    <a href="sendMessage.php">Message Someone</a>
+    <a href="findFriend.html">Find a New Friend</a>
+    <a href="pendingFriend.html">Check Pending Friends</a>
     <!--Maybe show the user's name here?-->
-    <li style="float:right"><a href="#">Logout</a></li>
-</ul>
\ No newline at end of file
+    <a href="#" style="float:right">Logout</a>
+</div>
\ No newline at end of file