diff --git a/app/templates/auth/login.html.j2 b/app/templates/auth/login.html.j2
index bd2256bc..602ad5b9 100644
--- a/app/templates/auth/login.html.j2
+++ b/app/templates/auth/login.html.j2
@@ -31,6 +31,13 @@
           {{ form.password(class='validate') }}
           {{ form.password.label }}
         </div>
+        <div class="switch">
+          <label>
+            Remember me
+            {{ form.remember_me() }}
+            <span class="lever"></span>
+          </label>
+        </div>
         <a href="#!">Forgot Password?</a>
         <br><br>
         <div class="card-action">
diff --git a/app/templates/base.html.j2 b/app/templates/base.html.j2
index b0c69a3e..46aa1d10 100644
--- a/app/templates/base.html.j2
+++ b/app/templates/base.html.j2
@@ -15,10 +15,19 @@
   </head>
   <body>
     <header>
-      <div id="nav-notifications-dropdown" class="dropdown-content">
+      <div id="nav-notifications-dropdown" class="dropdown-content grey-text text-darken-4">
         <p>Notifications</p>
       </div>
-      <div id="nav-settings-dropdown" class="dropdown-content">
+      <ul id="nav-account-dropdown" class="dropdown-content">
+        {% if current_user.is_authenticated %}
+        <li><a href="#!"><i class="material-icons">person</i>Profile</a></li>
+        <li class="divider"></li>
+        <li><a href="{{ url_for('auth.logout') }}"><i class="material-icons">chevron_left</i>Log out</a></li>
+        {% else %}
+        <li><a href="{{ url_for('auth.login') }}"><i class="material-icons">chevron_right</i>Log in</a></li>
+        {% endif %}
+      </ul>
+      <div id="nav-settings-dropdown" class="dropdown-content grey-text text-darken-4">
         <p>Settings</p>
       </div>
       <nav>
@@ -29,6 +38,7 @@
           <a href="#" data-target="slide-out" class="sidenav-trigger"><i class="material-icons">menu</i></a>
           <ul class="right hide-on-med-and-down">
             <li><a id="nav-notifications" class="dropdown-trigger" href="#!" data-target="nav-notifications-dropdown"><i class="material-icons">notifications</i></a></li>
+            <li><a id="nav-account" class="dropdown-trigger" href="#!" data-target="nav-account-dropdown"><i class="material-icons">account_circle</i></a></li>
             <li><a id="nav-settings" class="dropdown-trigger" href="#!" data-target="nav-settings-dropdown"><i class="material-icons">settings</i></a></li>
           </ul>
         </div>
@@ -36,11 +46,6 @@
 
       <ul id="slide-out" class="sidenav sidenav-fixed">
         <li><a href="{{ url_for('main.index') }}">Opaque</a></li>
-        {% if current_user.is_authenticated %}
-        <li><a href="{{ url_for('auth.logout') }}">Log out</a></li>
-        {% else %}
-        <li><a href="{{ url_for('auth.login') }}">Log in</a></li>
-        {% endif %}
       </ul>
     </header>
 
@@ -100,6 +105,10 @@
           document.getElementById("nav-notifications"),
           {"alignment": "right", "constrainWidth": false, "coverTrigger": false}
         );
+        M.Dropdown.init(
+          document.getElementById("nav-account"),
+          {"alignment": "right", "constrainWidth": false, "coverTrigger": false}
+        );
         M.Dropdown.init(
           document.getElementById("nav-settings"),
           {"alignment": "right", "constrainWidth": false, "coverTrigger": false}
