diff --git a/src/app/vault/vault.component.html b/src/app/vault/vault.component.html
index 6b34d8d6fe1..cc37c17018f 100644
--- a/src/app/vault/vault.component.html
+++ b/src/app/vault/vault.component.html
@@ -1,7 +1,7 @@
 <nav class="navbar navbar-expand navbar-dark bg-primary">
     <div class="container">
         <a class="navbar-brand" href="#">
-            <i class="fa fa-shield fa-lg"></i>
+            <i class="fa fa-shield"></i>
         </a>
         <div class="collapse navbar-collapse" id="navbarNavDropdown">
             <ul class="navbar-nav">
@@ -16,7 +16,7 @@
         <ul class="navbar-nav flex-row ml-md-auto d-none d-md-flex">
             <li class="nav-item dropdown">
                 <a class="nav-item nav-link dropdown-toggle" href="#" id="nav-profile" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                    <i class="fa fa-user"></i>
+                    <i class="fa fa-user fa-lg"></i>
                 </a>
                 <div class="dropdown-menu dropdown-menu-right" aria-labelledby="nav-profile">
                     <a class="dropdown-item" href="#">Option 1</a>
diff --git a/src/scss/styles.scss b/src/scss/styles.scss
index 2b04f31fa7a..3450fc7804a 100644
--- a/src/scss/styles.scss
+++ b/src/scss/styles.scss
@@ -32,6 +32,9 @@ $list-group-active-border-color: rgba(#000000, .125);
 $dropdown-link-hover-color: #ffffff;
 $dropdown-link-hover-bg: #3c8dbc;
 
+$navbar-brand-font-size: 35px;
+$navbar-brand-height: 35px;
+$navbar-brand-padding-y: 0;
 $navbar-dark-color: rgba(#ffffff, .7);
 $navbar-dark-hover-color: rgba(#ffffff, .9);
 
@@ -50,6 +53,11 @@ body {
     padding-right: 0;
 }
 
+.navbar-brand {
+    margin-top: -20px;
+    margin-bottom: -20px;
+}
+
 .container {
     width: 980px;
     max-width: none !important;