diff --git a/client/app/styles/main.less b/client/app/styles/main.less
index ba220398e..c714b3edd 100644
--- a/client/app/styles/main.less
+++ b/client/app/styles/main.less
@@ -990,14 +990,17 @@ h2 {
     position: relative;
     // shadow of animation-wrapper is 10px, let it fit in here without being
     // overflow hiddened.
-    padding: 10px 0 10px 10px;
     flex: 1;
     overflow-x: hidden;
   }
 
   &-animation-wrapper {
-    width: 100%;
-    height: 100%;
+    position: absolute;
+    // some room for the drop shadow.
+    top: 10px;
+    left: 10px;
+    bottom: 10px;
+    right: 0;
     transition: transform 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000);
     .shadow-2;
   }
@@ -1063,7 +1066,7 @@ h2 {
     bottom: 0;
     left: 0;
     right: 0;
-    background-color: rgba(0, 0, 0, 0.93);
+    background-color: black;
     padding: 8px;
     border-radius: 0 0 0 4px;