diff --git a/resources/base.scss b/resources/base.scss
index c4ca219..244c922 100644
--- a/resources/base.scss
+++ b/resources/base.scss
@@ -680,10 +680,6 @@ math {
             }
         }
     }
-
-    #content {
-        width: auto;
-    }
 }
 
 @media not all and (max-width: 760px) {
diff --git a/resources/blog.scss b/resources/blog.scss
index f23c56f..0f5fdd9 100644
--- a/resources/blog.scss
+++ b/resources/blog.scss
@@ -227,8 +227,8 @@
         display: flex;
     }
     .blog-box {
-        padding-left: 0;
-        padding-right: 0;
+        padding-left: 5%;
+        padding-right: 5%;
     }
 }
 @media (min-width: 800px) {
diff --git a/templates/problem/list-base.html b/templates/problem/list-base.html
index 869a626..201247e 100644
--- a/templates/problem/list-base.html
+++ b/templates/problem/list-base.html
@@ -30,10 +30,6 @@
             ul.problem-list {
                 padding: 0 !important;
             }
-            #content {
-                width: 99%;
-                margin-left: 0;
-            }
             .volunteer-types {
                 width: 100%;
             }
@@ -41,6 +37,18 @@
                 height: 2em;
                 padding-top: 4px;
             }
+            @media(min-width: 800px) {
+                #content {
+                    width: 99%;
+                    margin-left: 0;
+                }
+            }
+            @media(max-width: 799px) {
+                #content {
+                    width: 100%;
+                    margin-left: 0;
+                }
+            }
         </style>
     {% else %}
         <style>
diff --git a/templates/three-column-content.html b/templates/three-column-content.html
index 3913a89..11a7d0a 100644
--- a/templates/three-column-content.html
+++ b/templates/three-column-content.html
@@ -4,9 +4,17 @@
 
 {% block media %}
     <style>
-        #content {
-            width: 98%;
-            margin-left: 0;
+        @media(min-width: 800px) {
+            #content {
+                width: 98%;
+                margin-left: 0;
+            }
+        }
+        @media(max-width: 799px) {
+            #content {
+                width: 100%;
+                margin-left: 0;
+            }
         }
     </style>
     {% block three_col_media %}{% endblock %}