diff --git a/resources/blog.scss b/resources/blog.scss
index 9162f74..edb89be 100644
--- a/resources/blog.scss
+++ b/resources/blog.scss
@@ -32,12 +32,6 @@
     }
 }
 
-.blog-sidebar,
-.right-sidebar {
-    width: 100%;
-    margin-left: auto;
-}
-
 .left-sidebar-item.active {
     color: green;
     font-weight: bold;
@@ -266,6 +260,12 @@
 
 
 @media (max-width: 799px) {
+    .blog-sidebar,
+    .right-sidebar {
+        width: 100%;
+        margin-left: auto;
+    }
+
     .actionbar-box {
         margin: 8px 0;
     }
@@ -314,8 +314,13 @@
         display: block !important;
     }
 
+    .blog-sidebar,
+    .right-sidebar {
+        flex: 25%;
+    }
+
     .middle-content {
-        margin-right: 1em !important;
+        margin-right: 2% !important;
     }
 
     #mobile.tabs {
@@ -328,13 +333,7 @@
     }
 
     .middle-content {
-        max-width: 75%;
-        width: -webkit-fill-available;
-    }
-
-    .blog-sidebar,
-    .right-sidebar {
-        width: 25%;
+        flex: 75%;
     }
 
     .left-sidebar {
diff --git a/resources/problem.scss b/resources/problem.scss
index 4c323ab..ddb3690 100644
--- a/resources/problem.scss
+++ b/resources/problem.scss
@@ -79,7 +79,7 @@
 
 #content-right {
     &.problems {
-        flex: 26.5%;
+        flex: 25%;
         max-width: unset;
         padding-top: 0;
         padding-left: 0;
diff --git a/templates/three-column-content.html b/templates/three-column-content.html
index 329e54f..7063185 100644
--- a/templates/three-column-content.html
+++ b/templates/three-column-content.html
@@ -13,7 +13,7 @@
 
       .middle-right-content {
         margin-left: 13%;
-        display: inline-flex;
+        display: flex;
       }
     }