diff --git a/UI/WebServerResources/scss/views/_view.scss b/UI/WebServerResources/scss/views/_view.scss
index 89927bf6e..3e7985441 100644
--- a/UI/WebServerResources/scss/views/_view.scss
+++ b/UI/WebServerResources/scss/views/_view.scss
@@ -1,4 +1,4 @@
-/// _view.scss -*- Mode: text; indent-tabs-mode: nil; basic-offset: 2 -*-
+/// _view.scss -*- Mode: scss; indent-tabs-mode: nil; basic-offset: 2 -*-
 
 @import 'LoginUI.scss';
 @import 'MailerUI.scss';
@@ -53,22 +53,21 @@ $detailView-width: grid-step(8) !global;
   z-index: $z-index-view;
   overflow-x: hidden;
   background-color: $background-base-color;
-
-  @include from(lg) {
-    @include flex-col(lg, 8, 2, 1);
-    margin: 0 $mg;
-
-  }
-
   @include at(md) {
     @include flex-col(md, 9);
     margin: 0;
 
   }
+  @include from(lg) {
+    @include flex-col(lg, 10, 2, 1);
+    margin: 0;
 
+  }
   @include from(md) {
     .viewer {
       position: absolute;
+      left: 0;
+      right: 0;
       max-width: 100%;
       transform: translate3d(0, 0, 0);
       transition: all 0.5s $swift-ease-in-out-timing-function;
@@ -152,10 +151,3 @@ $detailView-width: grid-step(8) !global;
     }
   }
 }
-
-@include from(md) {
-  [ui-view="message"] > md-content {
-    // to create a false padding for the fab button
-    border-bottom: ($button-fab-height + ($mg * 2)) solid transparent; // buton height + mg top and bottom
-  }
-}