diff --git a/src/components/media/media.module.css b/src/components/media/media.module.css
index b6393bea..2ce8c925 100644
--- a/src/components/media/media.module.css
+++ b/src/components/media/media.module.css
@@ -1,14 +1,14 @@
 .thumbnailBig {
+  float: left;
   width: var(--width);
   height: var(--height);
-  float: left;
   padding: 3px 20px 5px 0;
 }
 
 .thumbnailSmall {
+  float: left;
   width: var(--width);
   height: var(--height);
-  float: left;
   padding: 3px 10px 5px 5px;
 }
 
diff --git a/src/components/post/post.module.css b/src/components/post/post.module.css
index fb143b99..d2cc35ae 100644
--- a/src/components/post/post.module.css
+++ b/src/components/post/post.module.css
@@ -25,6 +25,13 @@
   cursor: pointer;
 }
 
+/* clearfix to the container of the floatied elements to contain them */
+.postDesktop::after {
+  content: "";
+  display: table;
+  clear: both;
+}
+
 .postDesktop .hideThread {
   background-image: var(--post-hide-button-background-image);
 }