diff --git a/app/javascript/src/styles/common/z_responsive.scss b/app/javascript/src/styles/common/z_responsive.scss
index be1c43a97..c32414b1d 100644
--- a/app/javascript/src/styles/common/z_responsive.scss
+++ b/app/javascript/src/styles/common/z_responsive.scss
@@ -212,7 +212,8 @@
       text-align: center;
       vertical-align: middle;
       display: inline-block;
-      width: fit-content;
+      width: 100%;
+      container-type: inline-size;
 
       a {
         margin: 0 auto;
@@ -233,7 +234,7 @@
         img {
           height: auto;
           max-height: none;
-          max-width: fit-content;
+          max-width: none;
           width: 100cqw;
 
           &.has-cropped-false {
diff --git a/app/javascript/src/styles/specific/posts.scss b/app/javascript/src/styles/specific/posts.scss
index 59354b8c1..f24c6550d 100644
--- a/app/javascript/src/styles/specific/posts.scss
+++ b/app/javascript/src/styles/specific/posts.scss
@@ -6,7 +6,7 @@
 article.post-preview {
   box-sizing: border-box;
   height: auto;
-  width: fit-content;
+  width: 154px;
   margin: 0 10px 10px 0;
   overflow: hidden;
   text-align: center;
@@ -160,10 +160,11 @@ body[data-user-can-approve-posts="true"] .post-preview {
 }
 
 #has-parent-relationship-preview, #has-children-relationship-preview {
-  flex-direction: row;
-  flex-wrap: wrap;
+  overflow-x: auto;
+  white-space: nowrap;
 
   article.post-preview {
+    width: auto;
     border: none;
     margin: 0;
     padding: 5px 5px 10px;