diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css
index 38cf2122..d97050a4 100644
--- a/assets/css/compiled/main.css
+++ b/assets/css/compiled/main.css
@@ -4390,7 +4390,7 @@ pre {
 }
 @media (width < 853px) {
   .width-patch {
-    width: 90vw;
+    width: 80vw;
   }
 }
 @media (width >= 853px) {
diff --git a/assets/css/main.css b/assets/css/main.css
index 02587270..6a36911d 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -203,7 +203,7 @@ pre {
 /* placeholder for gallery/carousel */
 @variant max-md {
   .width-patch {
-    width: 90vw;
+    width: 80vw;
   }
 }
 @variant min-md {
diff --git a/layouts/shortcodes/carousel.html b/layouts/shortcodes/carousel.html
index 63588728..db401e21 100644
--- a/layouts/shortcodes/carousel.html
+++ b/layouts/shortcodes/carousel.html
@@ -19,7 +19,7 @@
 {{ end }}
 
 
-<div class="width-patch"></div>
+{{ if not .Parent }}<div class="width-patch"></div>{{ end }}
 <div
   id="{{ $id }}"
   class="relative"
diff --git a/layouts/shortcodes/gallery.html b/layouts/shortcodes/gallery.html
index 4440f2b0..497bdf00 100644
--- a/layouts/shortcodes/gallery.html
+++ b/layouts/shortcodes/gallery.html
@@ -25,8 +25,7 @@
   {{ end -}}
 {{ end -}}
 
-
-<div class="width-patch"></div>
+{{ if not .Parent }}<div class="width-patch"></div>{{ end }}
 <div id="{{- $id -}}" class="gallery">
   {{ $content | safeHTML -}}
 </div>