diff --git a/website/public/js/header.js b/website/public/js/header.js
index 1e00057..9889bdb 100644
--- a/website/public/js/header.js
+++ b/website/public/js/header.js
@@ -1,7 +1,7 @@
 $(document).ready(function() {
 
     // Toggle menu
-    $("#own-profile-picture").click(function() {
+    $("#own-profile-picture, #open-notifications").click(function() {
         if ($("#notification-center").css('right') == "-256px") {
             // Make the menu visible and move the content to the left.
             $("#chat-history").width("calc(100% - 587px)");
diff --git a/website/public/styles/header.css b/website/public/styles/header.css
index 0b70455..70e8c80 100644
--- a/website/public/styles/header.css
+++ b/website/public/styles/header.css
@@ -43,6 +43,10 @@ header div {
     width: 64px;
 }
 
-#own-profile-picture {
+#own-profile-picture, #open-notifications {
     cursor: pointer;
 }
+
+#open-notifications {
+    padding: 5px 20px 5px 0px;
+}
\ No newline at end of file
diff --git a/website/public/styles/menu.css b/website/public/styles/menu.css
index 204acd0..7e16443 100644
--- a/website/public/styles/menu.css
+++ b/website/public/styles/menu.css
@@ -66,13 +66,9 @@
 }
 
 .notification-options {
-    display: none;
-    width: 100%;
-}
-
-.notification-options form {
     width: 100%;
     text-align: center;
+    display: none;
 }
 
 .notification-options button {
diff --git a/website/views/header.php b/website/views/header.php
index 5349a72..8d1a466 100644
--- a/website/views/header.php
+++ b/website/views/header.php
@@ -27,6 +27,7 @@ $userinfo = getHeaderInfo();
             <?=$userinfo["fname"]?>
         </div>
         <img id="own-profile-picture" class="profile-picture" src="<?=$userinfo["profilepicture"]?>"/>
+        <i id="open-notifications" class="fa fa-bars"></i>
     </div>
 </header>
 <?php include("notification-center.php"); ?>