diff --git a/src/views/preview/preview.scss b/src/views/preview/preview.scss
index 9532b1278..eb03ba4bd 100644
--- a/src/views/preview/preview.scss
+++ b/src/views/preview/preview.scss
@@ -153,22 +153,22 @@ $medium-and-small: "screen and (max-width : #{$tablet}-1)";
     }
 
     .comments-container {
+        padding-right: 1.5rem;
         min-width: 65%;
         max-width: 100%;
         flex: 1;
-        padding-right: 1.5rem;
 
         @media #{$medium-and-small} {
-            width: 100%;
             padding: 0;
+            width: 100%;
         }
 
         .comment, .comment-top-row, .comment-bottom-row {
-          flex-direction: row;
+            flex-direction: row;
         }
 
         .comment-bubble {
-          text-align: left;
+            text-align: left;
         }
     }