diff --git a/apps/dev-workbench/workbench.css b/apps/dev-workbench/workbench.css
index 37391ee21..ef82ffc0f 100644
--- a/apps/dev-workbench/workbench.css
+++ b/apps/dev-workbench/workbench.css
@@ -22,7 +22,7 @@
   display: flex;
   flex-direction: row;
 }
-.navbar-brand{
+.navbar-brand {
   margin-right: 10rem !important;
 }
 /* All display none */
@@ -40,8 +40,7 @@
   display: none;
 }
 
-
-#goBack{
+#goBack {
   display: flex;
   margin: 0 1rem;
 }
@@ -49,13 +48,22 @@
   nav {
     flex-direction: column;
   }
-  
+
   nav ul {
     flex-direction: column;
   }
-  
+
   nav ul li {
     margin: 10px 0;
   }
 }
 
+.dropdown-menu {
+  margin-left: -5em !important;
+}
+
+@media (max-width: 425px) {
+  .dropdown-menu {
+    margin-left: 0 !important;
+  }
+}
diff --git a/apps/dev-workbench/workbench.html b/apps/dev-workbench/workbench.html
index 828362f2a..2cd832a60 100644
--- a/apps/dev-workbench/workbench.html
+++ b/apps/dev-workbench/workbench.html
@@ -70,7 +70,7 @@
       <div style="cursor: pointer;" id="goBack">
         <i data-feather="arrow-left" class="text-white"></i>
       </div>
-      
+
       <!-- Navbar brand --> 
      
       <div class="navbar-brand-div flex-grow-1">
@@ -81,6 +81,7 @@
 
       
       <ul class="navbar-nav mr-auto px-2">
+
         <!-- Dropdown -->
         <li