diff --git a/static/css/style.css b/static/css/style.css
index c1266d4..566a2d4 100755
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -14,6 +14,8 @@
     background-color: transparent;
     background: #191818;
     color: #565d64;
+    flex: 1; 
+    flex-basis: auto;
 }
 
 .menu-header {
@@ -26,11 +28,18 @@
 
 .menu-item {
     font-size: 20px;
-    margin-top: 15px;
-    margin-left: 10px;
-    margin-right: 10px;
+    margin-top: 10px;
+    padding-top: 5px;
+    padding-left: 10px;
+    padding-right: 10px;
+    padding-bottom: 5px;
     color: #999;
     display: block;
+    text-decoration: none;
+}
+
+.menu-item:hover {
+    background-color: #232222;
 }
 
 .content {
diff --git a/templates/base.html b/templates/base.html
index 14d1f62..81dbc2d 100755
--- a/templates/base.html
+++ b/templates/base.html
@@ -10,6 +10,7 @@
         <div class="flex-row">
             <div class="menu flex-column">
                 <div class="menu-header">Streams</div>
+                <a href="/addStream" class="menu-item">Add Stream</a>
                 {{if .Streams}}
                     {{range $name, $stream := .Streams}}
                         <a href="/?name={{$name}}" class="menu-item">{{$name}}</a>