diff --git a/src/assets/css/main.css b/src/assets/css/main.css
index 63c1b471..e5c163b1 100644
--- a/src/assets/css/main.css
+++ b/src/assets/css/main.css
@@ -198,9 +198,9 @@ blockquote {
 
 .thumbnail {
   object-fit: cover;
-  aspect-ratio: 4/3;
-  width: 100%;
-  max-height: 6rem;
+  aspect-ratio: 1/1;
+  width: 5rem;
+  height: 5rem;
 }
 
 .thumbnail svg {
diff --git a/src/shared/components/post/post-listing.tsx b/src/shared/components/post/post-listing.tsx
index 98c38470..37385a51 100644
--- a/src/shared/components/post/post-listing.tsx
+++ b/src/shared/components/post/post-listing.tsx
@@ -1433,7 +1433,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
             )}
             <div className="col flex-grow-1">
               <div className="row">
-                <div className="col-sm-3 col-lg-2 pe-0 post-media">
+                <div className="col-auto pe-0 post-media">
                   <div className="">{this.thumbnail()}</div>
                 </div>
                 <div className="col-12 col-sm-9 col-lg-10">