diff --git a/src/views/main/MainView.tsx b/src/views/main/MainView.tsx
index 638e6da5..7c084501 100644
--- a/src/views/main/MainView.tsx
+++ b/src/views/main/MainView.tsx
@@ -45,7 +45,7 @@ export function MainView(props: MainViewProps): JSX.Element
         <div className="nitro-main">
             { landingViewVisible && <HotelView /> }
             <RoomHostView />
-            <TransitionAnimation className="nitro-toolbar" type={ TransitionAnimationTypes.SLIDE_LEFT } inProp={ isReady } timeout={ 300 }>
+            <TransitionAnimation className="nitro-toolbar-container" type={ TransitionAnimationTypes.SLIDE_LEFT } inProp={ isReady } timeout={ 300 }>
                 <ToolbarView isInRoom={ !landingViewVisible } />
             </TransitionAnimation>
             <NavigatorView />
diff --git a/src/views/toolbar/ToolbarView.scss b/src/views/toolbar/ToolbarView.scss
index 3f682108..f6960d56 100644
--- a/src/views/toolbar/ToolbarView.scss
+++ b/src/views/toolbar/ToolbarView.scss
@@ -1,10 +1,28 @@
-.nitro-toolbar {
+.nitro-toolbar-container {
     position: absolute;
     width: 70px;
     top: 10px;
     left: 10px;
     z-index: $toolbar-zindex;
+
+    // @include media-breakpoint-up(sm) {
+    //     top: 0;
+    //     left: 0;
+    //     height: 100%;
+    //     box-shadow: $box-shadow-right !important;
+    //     border-radius: 0 !important;
+
+    //     .nitro-toolbar {
+    //         box-shadow: $box-shadow-right !important;
+    //         border-radius: 0 !important;
+    //     }
+    // }
+}
+
+.nitro-toolbar {
     pointer-events: all;
+    box-shadow: $box-shadow;
+    border-radius: $border-radius;
 
     .list-group {
         align-items: center;
diff --git a/src/views/toolbar/ToolbarView.tsx b/src/views/toolbar/ToolbarView.tsx
index bcdb6f76..a61eb15f 100644
--- a/src/views/toolbar/ToolbarView.tsx
+++ b/src/views/toolbar/ToolbarView.tsx
@@ -49,7 +49,7 @@ export function ToolbarView(props: ToolbarViewProps): JSX.Element
 
     return (
         <>
-            <div className="d-flex flex-column bg-primary rounded shadow border border-black p-0 h-100">
+            <div className="d-flex flex-column bg-primary border border-black p-0 h-100 nitro-toolbar">
                 <ul className="flex-grow-1 list-group p-1">
                     { isInRoom && (
                         <li className="list-group-item">