diff --git a/src/lib/components/Card.svelte b/src/lib/components/Card.svelte
index afafa58..f9c7a30 100644
--- a/src/lib/components/Card.svelte
+++ b/src/lib/components/Card.svelte
@@ -25,6 +25,7 @@ onMount(() => {
 	border-radius: 20px;
 }
 .card{
+	margin-right: 2em; /* gap in MediaScroller does not work due to double insertion of a tag on server side */
 	--card-width: 300px;
 	position: relative;
 	flex-shrink: 0;
diff --git a/src/lib/components/MediaScroller.svelte b/src/lib/components/MediaScroller.svelte
index 537fd7d..e520fe5 100644
--- a/src/lib/components/MediaScroller.svelte
+++ b/src/lib/components/MediaScroller.svelte
@@ -8,7 +8,7 @@ export let title
   flex-direction: row;
   flex-wrap:nowrap;
   overflow-x: auto;
-  gap: 2rem;
+  /*gap: 2rem;*/ /*messes up if js disabled as anchor tag is inserted twice...*/
   padding: 3rem;
 }
 .media_scroller_wrapper{