diff --git a/package.json b/package.json
index c245433..41a581b 100644
--- a/package.json
+++ b/package.json
@@ -93,7 +93,7 @@
 		"@koa/router": "^12.0.1",
 		"@sealcode/add-to-head": "^1.0.0",
 		"@sealcode/file-manager": "^1.0.2",
-		"@sealcode/jdd": "^0.8.1",
+		"@sealcode/jdd": "^0.8.3",
 		"@sealcode/jdd-editor": "^0.2.5",
 		"@sealcode/sealgen": "^0.19.6",
 		"@sealcode/show-first-row": "^0.1.0",
diff --git a/src/back/jdd-components/horizontal-gallery/horizontal-gallery.css b/src/back/jdd-components/horizontal-gallery/horizontal-gallery.css
index 1f61372..ff4ba94 100644
--- a/src/back/jdd-components/horizontal-gallery/horizontal-gallery.css
+++ b/src/back/jdd-components/horizontal-gallery/horizontal-gallery.css
@@ -1,5 +1,6 @@
 .horizontal-gallery {
 	--max-image-width: 600px;
+	background-color: var(--color-brand-text-bg);
 
 	.horizontal-gallery__top-bar {
 		display: flex;
@@ -12,7 +13,7 @@
 			line-height: 48px;
 			font-family: var(--font-headings);
 			text-align: center;
-			color: var(--color-brand-text-accent);
+			color: var(--color-brand-text-fg);
 			flex-grow: 1;
 			margin-top: 0;
 			margin-bottom: 0;
@@ -74,7 +75,9 @@
 			border-radius: 10px;
 			max-height: min(75vh, 700px);
 			width: auto !important;
-			max-width: 100cqw;
+			max-width: calc(
+				100cqw - 16px
+			); /* at just 100cqw it breaks the scroller when the images are very horizontal */
 		}
 
 		picture {