diff --git a/styles/elements/_sidenav.scss b/styles/elements/_sidenav.scss
index 0a6b201c..224895fb 100644
--- a/styles/elements/_sidenav.scss
+++ b/styles/elements/_sidenav.scss
@@ -1,8 +1,3 @@
-@mixin sidenav__header {
-  padding: $gap ($gap * 2);
-  font-weight: bold;
-}
-
 .sidenav-container {
   box-shadow: $box-shadow;
   overflow: hidden;
@@ -26,34 +21,58 @@
       margin: 0px;
     }
 
-    &__title {
-      @include sidenav__header;
+    &__header {
+      padding: $gap ($gap * 2);
+      font-weight: bold;
+      border-bottom: 1px solid $color-gray-lighter;
 
-      font-size: $h3-font-size;
+      &--minimized {
+        @extend .sidenav__header;
+
+        padding: $gap;
+        width: $sidenav-collapsed-width;
+      }
+    }
+
+    &__title {
+      font-size: $h6-font-size;
       text-transform: uppercase;
       width: 50%;
       color: $color-gray-dark;
       opacity: 0.54;
+      white-space: nowrap;
+      padding: $gap;
+      display: inline-flex;
+      align-items: center;
     }
 
     &__toggle {
-      @include sidenav__header;
-
       font-size: $small-font-size;
-      line-height: 2.8rem;
-      float: right;
-      color: $color-blue-darker;
+      color: $color-blue;
+      text-decoration: none;
+      padding: $gap;
+      display: inline-flex;
+      align-items: center;
 
       .toggle-arrows {
         vertical-align: middle;
+        @include icon-size(20);
+
+        &:first-child {
+          margin-left: 0;
+        }
+
+        &:last-child {
+          margin-right: 0;
+        }
       }
     }
 
     ul {
       &.sidenav__list--padded {
-        margin-top: 4 * $gap;
+        margin-top: 3 * $gap;
         margin-bottom: $footer-height;
-        padding-bottom: $gap;
+        padding:  0 $gap ($gap * 2);
         position: fixed;
         overflow-y: scroll;
         top: $topbar-height + $usa-banner-height + 4rem;
@@ -69,6 +88,7 @@
       li {
         margin: 0;
         display: block;
+        color: $color-black-light;
       }
     }
 
@@ -90,7 +110,7 @@
       display: block;
       padding: $gap ($gap * 2);
       color: $color-black;
-      text-decoration: underline;
+      text-decoration: none;
       white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis;
diff --git a/templates/base.html b/templates/base.html
index fabcb92c..f4964add 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -21,9 +21,7 @@
     {% include 'navigation/topbar.html' %}
 
     <div class='global-layout'>
-      {% if portfolios %}
-        {% include 'navigation/global_sidenav.html' %}
-      {% endif %}
+      {% include 'navigation/global_sidenav.html' %}
 
       <div class='global-panel-container'>
         {% block sidenav %}{% endblock %}
diff --git a/templates/navigation/global_sidenav.html b/templates/navigation/global_sidenav.html
index c6141641..84ce99e6 100644
--- a/templates/navigation/global_sidenav.html
+++ b/templates/navigation/global_sidenav.html
@@ -7,29 +7,29 @@
     <div v-bind:class="{'sidenav-container': props.isVisible, 'sidenav-container--minimized': !props.isVisible}">
       <div class="sidenav-container__fixed">
         <div v-bind:class="{'sidenav': props.isVisible, 'sidenav--minimized': !props.isVisible}">
-          <a href="#" v-on:click="props.toggle" class="sidenav__toggle">
+          <div v-bind:class="{'sidenav__header': props.isVisible, 'sidenav__header--minimized': !props.isVisible}" class="row">
             <template v-if="props.isVisible">
-              {{ Icon('angle-double-left-solid', classes="toggle-arrows icon--blue") }}
-              Hide
+              <span class="sidenav__title col col--grow">My Portfolios</span>
+              <a href="#" v-on:click="props.toggle" class="sidenav__toggle col">
+                {{ Icon('angle-double-left-solid', classes="toggle-arrows icon--primary") }}
+                <span>Hide</span>
+              </a>
             </template>
             <template v-else>
-              Show
-              {{ Icon('angle-double-right-solid', classes="toggle-arrows icon--blue") }}
+              <a href="#" v-on:click="props.toggle" class="sidenav__toggle col">
+                <span>Show</span>
+                {{ Icon('angle-double-right-solid', classes="toggle-arrows icon--primary") }}
+              </a>
             </template>
-          </a>
+          </div>
           <div v-if="props.isVisible">
-            <div class="sidenav__title">Portfolios</div>
             <ul class="sidenav__list--padded">
-              {% if portfolios %}
-                {% for other_portfolio in portfolios|sort(attribute='name') %}
-                  {{ SidenavItem(other_portfolio.name,
-                    href=url_for("applications.portfolio_applications", portfolio_id=other_portfolio.id),
-                    active=(other_portfolio.id | string) == request.view_args.get('portfolio_id')
-                    ) }}
-                {% endfor %}
-              {% else %}
-                <li><span class="sidenav__text">You have no portfolios yet</span></li>
-              {% endif %}
+              {% for other_portfolio in portfolios|sort(attribute='name') %}
+                {{ SidenavItem(other_portfolio.name,
+                  href=url_for("applications.portfolio_applications", portfolio_id=other_portfolio.id),
+                  active=(other_portfolio.id | string) == request.view_args.get('portfolio_id')
+                  ) }}
+              {% endfor %}
             </ul>
           </div>
         </div>