diff --git a/templates/community.html b/templates/community.html
index 5712a44..034ebbe 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 3dcb219..cd5b7eb 100644
--- a/templates/page.html
+++ b/templates/page.html
@@ -14,7 +14,7 @@
 {% 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 @@
   {% 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 %}