diff --git a/templates/community.html b/templates/community.html
index 5712a44271..034ebbea1e 100644
--- a/templates/community.html
+++ b/templates/community.html
@@ -2,8 +2,8 @@
 {% from "macros/breadcrumbs.html" import breadcrumbs %}
 {% block title %}{{ this.title }}{% endblock %}
 {% block gutter %}
-  
-<div class="col-sm-4">
+
+<div class="col-md-4">
   <div class="gutter">
     {{ this.gutter }}
     {% for child in this.children %}
diff --git a/templates/page.html b/templates/page.html
index 3dcb219c3c..cd5b7ebd77 100644
--- a/templates/page.html
+++ b/templates/page.html
@@ -14,7 +14,7 @@ <h1>{{ this.title }}</h1>
 {% endblock %}
 {% block body %}
 <div class="row">
-  <div class="col-sm-7 mr-auto">
+  <div class="col-md-7 mr-auto">
   {{ incomplete(this) }}
   {% block main %}
     {{ this.body }}
@@ -29,13 +29,13 @@ <h2><a href="{{ child|url(alt=this.alt) }}">{{ child.title }}</a></h2>
   {% block gutter %}
     {% if this.gutter and this.gutter.source %}
   <!-- <div class="col-sm-12 col-md-4 gutter"> -->
-  <div class="col-sm-4">
+  <div class="col-md-4">
     <div class="sidebar-module sidebar-module-inset gutter">
     {{ this.gutter }}
     </div>
   </div>
     {% else %}
-  <div class="hidden-sm-down col-sm-4">
+  <div class="hidden-sm-down col-md-4">
   </div>
     {% endif %}
   {% endblock %}