diff --git a/src/css/main.css b/src/css/main.css
index f4034b36..08a23710 100644
--- a/src/css/main.css
+++ b/src/css/main.css
@@ -132,11 +132,11 @@ input[type="number"]::-webkit-inner-spin-button {
     z-index: 0;
     background-image: url(../images/light-wide-2.svg);
     background-repeat: no-repeat;
-    width: 340px;
+    width: 240px;
     background-position: left center;
     background-size: contain;
     margin-left: 15px;
-    margin-top: 18px;
+    margin-top: 14px;
 }
 
 .logo_text {
@@ -147,12 +147,24 @@ input[type="number"]::-webkit-inner-spin-button {
     top: 50px;
     color: #949494;
     opacity: 0.5;
+    font-size: 10px;
 }
 
 .logo_text .version {
     float: right;
 }
 
+@media all and (min-width: 1125px) {
+    #logo {
+        margin-top: 18px;
+        width: 340px;
+    }
+
+    .logo_text {
+        font-size: inherit;
+    }
+}
+
 #port-picker {
     position: relative;
     width: 100%;
@@ -209,7 +221,7 @@ input[type="number"]::-webkit-inner-spin-button {
 #sensor-status {
     margin-top: 20px;
     float: right;
-    margin-right: 20px;
+    margin-right: 10px;
     line-height: 2px;
     height: 67px;
     border-radius: 5px;
@@ -219,6 +231,12 @@ input[type="number"]::-webkit-inner-spin-button {
     background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.55));
 }
 
+@media all and (min-width: 1125px) {
+    #sensor-status {
+        margin-right: 20px;
+    }
+}
+
 #sensor-status li {
     float: left;
     height: 67px;
@@ -1458,6 +1476,13 @@ dialog {
     margin-left: 20px;
 }
 
+@media all and (min-width: 1125px) {
+    .connect_controls {
+        margin-left: 10px;
+        margin-right: 15px;
+    }
+}
+
 /* firmware update button */
 .open_firmware_flasher {
     position: relative;
@@ -1466,8 +1491,15 @@ dialog {
     top: 19px;
     height: 70px;
     width: 60px;
-    margin-right: 20px;
-    margin-left: 20px;
+    margin-right: 10px;
+    margin-left: 10px;
+}
+
+@media all and (min-width: 1125px) {
+    .open_firmware_flasher {
+        margin-right: 20px;
+        margin-left: 20px;
+    }
 }
 
 .connect_b {
@@ -1636,7 +1668,7 @@ dialog {
     margin-top: 20px;
     width:125px;
     float: right;
-    margin-right: 10px;
+    margin-right: 5px;
     line-height: 12px;
     height: 33px;
     border-radius: 5px;
@@ -1650,6 +1682,12 @@ dialog {
 
 }
 
+@media all and (min-width: 1125px) {
+    #dataflash_wrapper_global {
+        margin-right: 10px;
+    }
+}
+
 .dataflash-contents_global {
     margin-top: 18px;
     border: 1px solid #4A4A4A;
@@ -1732,7 +1770,7 @@ dialog {
     margin-top: 20px;
     width: 90px;
     float: right;
-    margin-right: 20px;
+    margin-right: 10px;
     line-height: 12px;
     height: 67px;
     border-radius: 5px;
@@ -1743,6 +1781,12 @@ dialog {
     text-shadow: 0px 1px rgba(0, 0, 0, 1.0);
 }
 
+@media all and (min-width: 1125px) {
+    #quad-status_wrapper {
+        margin-right: 20px;
+    }
+}
+
 .quad-status-contents  {
     display: none;
     margin-top: 10px;