diff --git a/app/static/structure.css b/app/static/structure.css
index 50ebcb83..b0c140ff 100644
--- a/app/static/structure.css
+++ b/app/static/structure.css
@@ -396,7 +396,7 @@ fieldset legend {
   margin-left: auto;
   margin-right: auto;
 }
-.card .card-body img {
+.card .card-body > p > img {
   max-width: 100%;
 }
 
diff --git a/app/static/structure.scss b/app/static/structure.scss
index bf2c6bfa..36acb17c 100644
--- a/app/static/structure.scss
+++ b/app/static/structure.scss
@@ -50,10 +50,8 @@ nav, etc which are used site-wide */
   margin-left: auto;
   margin-right: auto;
 
-  .card-body {
-    img {
-      max-width: 100%;
-    }
+  .card-body > p > img {
+    max-width: 100%;
   }
 }
 
diff --git a/app/templates/community/add_post.html b/app/templates/community/add_post.html
index 76c947be..b0923c5e 100644
--- a/app/templates/community/add_post.html
+++ b/app/templates/community/add_post.html
@@ -3,7 +3,7 @@
 
 {% block app_content %}
 <div class="row">
-    <div class="col-8 position-relative main_pane">
+    <div class="col-12 col-md-8 position-relative main_pane">
         <h1>{{ _('Create post') }}</h1>
         <form method="post" enctype="multipart/form-data">
             {{ form.csrf_token() }}
@@ -69,7 +69,7 @@
         </form>
     </div>
 
-    <div class="col-4">
+    <div class="col-12 col-md-4 side_pane">
         <div class="card mt-3">
             <div class="card-header">
                  <h2>{{ community.title }}</h2>
diff --git a/app/templates/community/community.html b/app/templates/community/community.html
index 0a3d0863..9d51b591 100644
--- a/app/templates/community/community.html
+++ b/app/templates/community/community.html
@@ -58,7 +58,7 @@
         </nav>
     </div>
 
-    <div class="col-12 col-md-4">
+    <div class="col-12 col-md-4 side_pane">
         <div class="card">
             <div class="card-body">
                 <div class="row">
diff --git a/app/templates/domain/domain.html b/app/templates/domain/domain.html
index f8aa8ae4..288a13bf 100644
--- a/app/templates/domain/domain.html
+++ b/app/templates/domain/domain.html
@@ -21,7 +21,7 @@
         </div>
     </div>
 
-    <div class="col-12 col-md-4">
+    <div class="col-12 col-md-4 side_pane">
 
     </div>
 </div>
diff --git a/app/templates/domain/domains.html b/app/templates/domain/domains.html
index 763cdb73..5e901366 100644
--- a/app/templates/domain/domains.html
+++ b/app/templates/domain/domains.html
@@ -22,7 +22,7 @@
         </div>
     </div>
 
-    <div class="col-12 col-md-4">
+    <div class="col-12 col-md-4 side_pane">
 
     </div>
 </div>
diff --git a/app/templates/index.html b/app/templates/index.html
index c18431be..887463fd 100644
--- a/app/templates/index.html
+++ b/app/templates/index.html
@@ -27,7 +27,7 @@
         </nav>
     </div>
 
-    <div class="col-12 col-md-4">
+    <div class="col-12 col-md-4 side_pane">
         <div class="card">
             <div class="card-body">
                 <form method="get">
diff --git a/app/templates/new_posts.html b/app/templates/new_posts.html
index c18431be..887463fd 100644
--- a/app/templates/new_posts.html
+++ b/app/templates/new_posts.html
@@ -27,7 +27,7 @@
         </nav>
     </div>
 
-    <div class="col-12 col-md-4">
+    <div class="col-12 col-md-4 side_pane">
         <div class="card">
             <div class="card-body">
                 <form method="get">
diff --git a/app/templates/post/add_reply.html b/app/templates/post/add_reply.html
index d21d36b3..b71ea584 100644
--- a/app/templates/post/add_reply.html
+++ b/app/templates/post/add_reply.html
@@ -28,7 +28,7 @@
             {% endif %}
         </div>
     </div>
-    <div class="col-12 col-md-4">
+    <div class="col-12 col-md-4 side_pane">
         <div class="card">
             <div class="card-body">
                 <div class="row">
diff --git a/app/templates/post/continue_discussion.html b/app/templates/post/continue_discussion.html
index 10c63e37..a6ef3e81 100644
--- a/app/templates/post/continue_discussion.html
+++ b/app/templates/post/continue_discussion.html
@@ -58,7 +58,7 @@
         </div>
     </div>
 
-    <div class="col-12 col-md-4">
+    <div class="col-12 col-md-4 side_pane">
         <div class="card">
             <div class="card-body">
                 <div class="row">
diff --git a/app/templates/post/post.html b/app/templates/post/post.html
index 049e1119..cd5d5dfc 100644
--- a/app/templates/post/post.html
+++ b/app/templates/post/post.html
@@ -132,7 +132,7 @@
         {% endif %}
     </div>
 
-    <div class="col-12 col-md-4">
+    <div class="col-12 col-md-4 side_pane">
         <div class="card">
             <div class="card-body">
                 <div class="row">
diff --git a/app/templates/post/post_edit.html b/app/templates/post/post_edit.html
index e81a4e80..b9e1d312 100644
--- a/app/templates/post/post_edit.html
+++ b/app/templates/post/post_edit.html
@@ -35,7 +35,7 @@
     });
 </script>
 <div class="row">
-    <div class="col-8 position-relative main_pane">
+    <div class="col-12 col-md-8 position-relative main_pane">
         <h1>{{ _('Edit post') }}</h1>
         <form method="post" enctype="multipart/form-data">
             {{ form.csrf_token() }}
@@ -90,7 +90,7 @@
         </form>
     </div>
 
-    <div class="col-4">
+    <div class="col-12 col-md-4 side_pane">
         <div class="card mt-3">
             <div class="card-header">
                  <h2>{{ post.community.title }}</h2>
diff --git a/app/templates/post/post_reply_edit.html b/app/templates/post/post_reply_edit.html
index 4a92fe9f..7c0eee8e 100644
--- a/app/templates/post/post_reply_edit.html
+++ b/app/templates/post/post_reply_edit.html
@@ -31,7 +31,7 @@
             {% endif %}
         </div>
     </div>
-    <div class="col-12 col-md-4">
+    <div class="col-12 col-md-4 side_pane">
         <div class="card">
             <div class="card-body">
                 <div class="row">
diff --git a/app/templates/top_posts.html b/app/templates/top_posts.html
index c18431be..887463fd 100644
--- a/app/templates/top_posts.html
+++ b/app/templates/top_posts.html
@@ -27,7 +27,7 @@
         </nav>
     </div>
 
-    <div class="col-12 col-md-4">
+    <div class="col-12 col-md-4 side_pane">
         <div class="card">
             <div class="card-body">
                 <form method="get">
diff --git a/app/templates/user/notifications.html b/app/templates/user/notifications.html
index ff3202ad..b8569c4a 100644
--- a/app/templates/user/notifications.html
+++ b/app/templates/user/notifications.html
@@ -38,7 +38,7 @@
         {% endif %}
     </div>
 
-    <div class="col-12 col-md-4">
+    <div class="col-12 col-md-4 side_pane">
 
         <div class="card mt-3">
             <div class="card-header">
diff --git a/app/templates/user/people.html b/app/templates/user/people.html
index 9b6e6adc..dcfe6703 100644
--- a/app/templates/user/people.html
+++ b/app/templates/user/people.html
@@ -29,7 +29,7 @@
         {% endif %}
     </div>
 
-    <div class="col-12 col-md-4">
+    <div class="col-12 col-md-4 side_pane">
 
         <div class="card mt-3">
             <div class="card-header">
diff --git a/app/templates/user/show_profile.html b/app/templates/user/show_profile.html
index cb10a5ab..8f56339b 100644
--- a/app/templates/user/show_profile.html
+++ b/app/templates/user/show_profile.html
@@ -96,7 +96,7 @@
         {% endif %}
     </div>
 
-    <div class="col-12 col-md-4">
+    <div class="col-12 col-md-4 side_pane">
         {% if current_user.is_authenticated and current_user.id == user.id %}
             <div class="card mt-3">
                 <div class="card-header">