diff --git a/app/assets/stylesheets/common/base/topic-post.scss b/app/assets/stylesheets/common/base/topic-post.scss
index 303883e5c26..03c29797537 100644
--- a/app/assets/stylesheets/common/base/topic-post.scss
+++ b/app/assets/stylesheets/common/base/topic-post.scss
@@ -496,9 +496,7 @@ aside.quote {
   // this is necessary for ANYTHING that extends past the right edge of
   // the post body, such as an image in a deeply nested list, image in
   // a deeply nested blockquote, and so on.. you get the idea.
-  .contents .cooked {
-    overflow: hidden;
-  }
+  overflow: hidden;
   &.highlighted {
     animation: background-fade-highlight 2.5s ease-out;
   }
diff --git a/app/assets/stylesheets/mobile/topic-post.scss b/app/assets/stylesheets/mobile/topic-post.scss
index 48f93f9afde..070399bc3e1 100644
--- a/app/assets/stylesheets/mobile/topic-post.scss
+++ b/app/assets/stylesheets/mobile/topic-post.scss
@@ -301,9 +301,9 @@ span.post-count {
   overflow: inherit;
 }
 
-// instead, for mobile we set overflow hidden on the cooked part of post body
+// instead, for mobile we set overflow hidden on the post's #main-outlet
 // this prevents image overflow on deeply nested blockquotes, lists, etc
-.cooked {
+[class*="archetype-"] #main-outlet {
   overflow: hidden;
 }