diff --git a/res/css/views/auth/_AuthBody.scss b/res/css/views/auth/_AuthBody.scss
index a19dddf43f..b8bb1b04c2 100644
--- a/res/css/views/auth/_AuthBody.scss
+++ b/res/css/views/auth/_AuthBody.scss
@@ -16,7 +16,7 @@ limitations under the License.
 */
 
 .mx_AuthBody {
-    max-width: 500px;
+    width: 500px;
     font-size: $font-12px;
     color: $authpage-secondary-color;
     background-color: $authpage-body-bg-color;
@@ -147,8 +147,11 @@ limitations under the License.
     margin: 1em 0;
 }
 
-@media only screen and (max-width : 480px) {
-  .mx_AuthBody {
-      padding: 10px;
-  }
+@media only screen and (max-width: 480px) {
+    .mx_AuthBody {
+        border-radius: 4px;
+        width: auto;
+        max-width: 500px;
+        padding: 10px;
+    }
 }
diff --git a/res/css/views/auth/_AuthHeader.scss b/res/css/views/auth/_AuthHeader.scss
index 0527f65beb..b1372affee 100644
--- a/res/css/views/auth/_AuthHeader.scss
+++ b/res/css/views/auth/_AuthHeader.scss
@@ -22,8 +22,8 @@ limitations under the License.
     box-sizing: border-box;
 }
 
-@media only screen and (max-width : 480px) {
-  .mx_AuthHeader {
-    display: none;
-  }
+@media only screen and (max-width: 480px) {
+    .mx_AuthHeader {
+        display: none;
+    }
 }
diff --git a/res/css/views/auth/_AuthHeaderLogo.scss b/res/css/views/auth/_AuthHeaderLogo.scss
index 4ef7f95fff..917dcabf67 100644
--- a/res/css/views/auth/_AuthHeaderLogo.scss
+++ b/res/css/views/auth/_AuthHeaderLogo.scss
@@ -24,8 +24,8 @@ limitations under the License.
     width: 100%;
 }
 
-@media only screen and (max-width : 480px) {
-  .mx_AuthHeaderLogo {
-    display: none;
-  }
+@media only screen and (max-width: 480px) {
+    .mx_AuthHeaderLogo {
+        display: none;
+    }
 }
diff --git a/res/css/views/auth/_AuthPage.scss b/res/css/views/auth/_AuthPage.scss
index e58095c70c..e3409792f0 100644
--- a/res/css/views/auth/_AuthPage.scss
+++ b/res/css/views/auth/_AuthPage.scss
@@ -30,8 +30,8 @@ limitations under the License.
     background-color: $authpage-modal-bg-color;
 }
 
-@media only screen and (max-width : 480px) {
-  .mx_AuthPage_modal {
-    margin-top: 0;
-  }
+@media only screen and (max-width: 480px) {
+    .mx_AuthPage_modal {
+        margin-top: 0;
+    }
 }
diff --git a/res/css/views/rooms/_EventTile.scss b/res/css/views/rooms/_EventTile.scss
index 0e0552e3c8..2b204955d8 100644
--- a/res/css/views/rooms/_EventTile.scss
+++ b/res/css/views/rooms/_EventTile.scss
@@ -573,13 +573,13 @@ limitations under the License.
     }
 }
 
-@media only screen and (max-width : 480px) {
-  .mx_EventTile_line, .mx_EventTile_reply {
-    padding-left: 0;
-    margin-right: 0;
-  }
-  .mx_EventTile_content {
-    margin-top: 10px;
-    margin-right: 0;
-  }
+@media only screen and (max-width: 480px) {
+    .mx_EventTile_line, .mx_EventTile_reply {
+        padding-left: 0;
+        margin-right: 0;
+    }
+    .mx_EventTile_content {
+        margin-top: 10px;
+        margin-right: 0;
+    }
 }
diff --git a/res/css/views/rooms/_RoomHeader.scss b/res/css/views/rooms/_RoomHeader.scss
index 265e39624e..a047a6f9b4 100644
--- a/res/css/views/rooms/_RoomHeader.scss
+++ b/res/css/views/rooms/_RoomHeader.scss
@@ -268,11 +268,11 @@ limitations under the License.
     background-color: $pinned-unread-color;
 }
 
-@media only screen and (max-width : 480px) {
-  .mx_RoomHeader_wrapper {
-    padding: 0;
-  }
-  .mx_RoomHeader {
-    overflow: hidden;
-  }
+@media only screen and (max-width: 480px) {
+    .mx_RoomHeader_wrapper {
+        padding: 0;
+    }
+    .mx_RoomHeader {
+        overflow: hidden;
+    }
 }