diff --git a/src/app/main/toolbar/toolbar.component.html b/src/app/main/toolbar/toolbar.component.html
index 919eb5ec..4f6ab0ef 100644
--- a/src/app/main/toolbar/toolbar.component.html
+++ b/src/app/main/toolbar/toolbar.component.html
@@ -79,7 +79,7 @@
                 </button>
             </md-menu>
 
-            <div class="toolbar-separator"></div>
+            <div class="toolbar-separator" fxHide fxShow.gt-xs></div>
 
             <button md-icon-button
                     class="mat-icon-button quick-panel-toggle-button"
diff --git a/src/app/main/toolbar/toolbar.component.scss b/src/app/main/toolbar/toolbar.component.scss
index 9fa0d9b2..a72695b5 100644
--- a/src/app/main/toolbar/toolbar.component.scss
+++ b/src/app/main/toolbar/toolbar.component.scss
@@ -51,7 +51,7 @@
         min-width: 64px;
         height: 64px;
 
-        @include media-breakpoint-down(sm) {
+        @include media-breakpoint-down('xs') {
             height: 56px;
         }
     }
@@ -66,7 +66,7 @@
         width: 1px;
         background: rgba(0, 0, 0, .12);
 
-        @include media-breakpoint-down(sm) {
+        @include media-breakpoint-down('xs') {
             height: 56px;
         }
     }