diff --git a/common/static/style.css b/common/static/style.css
index 253647ab05..21d56804f6 100644
--- a/common/static/style.css
+++ b/common/static/style.css
@@ -350,8 +350,8 @@ table .glyphicon {
     position: absolute;
     transform: scale(.7);
     transform-origin: top right;
-    right: .25rem;
-    margin-top: -1.5rem;
+    right: 0.5rem;
+    top: 1rem;
 }
 
 .nav-item:hover {
diff --git a/common/templates/includes/topbar.html b/common/templates/includes/topbar.html
index 22d5a80e02..f777ea791b 100644
--- a/common/templates/includes/topbar.html
+++ b/common/templates/includes/topbar.html
@@ -9,7 +9,7 @@
     <ul class="navbar-nav ml-auto">
 
         <!-- Nav Item - Messages -->
-        <li class="nav-item dropdown no-arrow mx-1">
+        <li class="nav-item dropdown no-arrow mx-1 position-relative">
             <a class="nav-link" href="/workflow/" role="button">
                 <i class="fa fa-envelope fa-fw"></i>
                 <!-- Counter - Messages -->