diff --git a/modules/shared/templates/common.css b/modules/shared/templates/common.css
index 5406b328b..67204f2b9 100644
--- a/modules/shared/templates/common.css
+++ b/modules/shared/templates/common.css
@@ -73,7 +73,7 @@ pre a, code a {
     font-size: 15px;
 }
 .machine {
-    margin: 15px;
+  /*margin: 15px;*/
     overflow: hidden;
 }
 .c1pjs {
diff --git a/modules/shared/templates/components.css b/modules/shared/templates/components.css
index 756e89c40..409d32848 100644
--- a/modules/shared/templates/components.css
+++ b/modules/shared/templates/components.css
@@ -248,11 +248,16 @@
     }
 }
 
-@media screen and (min-width: 1400px) {
-    .machine-left, .machine-right {
-        max-width: 45%;
+@media screen and (min-width: 1200px) {
+    .machine-left {
+        max-width: 48%;
         float: left;
     }
+    .machine-right {
+        max-width: 48%;
+        float: left;
+        margin-left: 30px;
+    }
     .machine-right + * {
         clear: both;
     }