diff --git a/app/static/styles.css b/app/static/styles.css
index 483abd1c..057ec4ba 100644
--- a/app/static/styles.css
+++ b/app/static/styles.css
@@ -796,13 +796,18 @@ div.navbar {
 }
 .post_list .post_teaser .thumbnail {
   text-align: center;
-  height: 100%;
   align-content: center;
   display: flex;
+  height: 60px;
+  width: 60px;
+  overflow: hidden;
 }
 @media (min-width: 992px) {
   .post_list .post_teaser .thumbnail {
     align-items: center;
+    height: 90px;
+    width: 170px;
+    max-width: 100%;
   }
 }
 .post_list .post_teaser .thumbnail a {
diff --git a/app/static/styles.scss b/app/static/styles.scss
index bb025d78..8c3bff6f 100644
--- a/app/static/styles.scss
+++ b/app/static/styles.scss
@@ -382,11 +382,16 @@ div.navbar {
     .thumbnail {
 
       text-align: center;
-      height: 100%;
       align-content: center;
       display: flex;
+      height: 60px;
+      width: 60px;
+      overflow: hidden;
       @include breakpoint(tablet) {
         align-items: center;
+        height: 90px;
+        width: 170px;
+        max-width: 100%;
       }
 
       a {