diff --git a/src/blocks/carousel/styles/_variants.scss b/src/blocks/carousel/styles/_variants.scss
index b57da16..d03c083 100644
--- a/src/blocks/carousel/styles/_variants.scss
+++ b/src/blocks/carousel/styles/_variants.scss
@@ -6,19 +6,19 @@
 :where(.rt-carousel).is-style-columns-2,
 :where(.rt-carousel) .embla .wp-block-post-template.columns-2,
 :where(.rt-carousel) .embla .wp-block-term-template.columns-2 {
-	--rt-carousel-slide-width: 50%;
+	--rt-carousel-slide-width: calc((100% - (var(--rt-carousel-gap, 0px) * 1)) / 2);
 }
 
 /* 3 Columns */
 :where(.rt-carousel).is-style-columns-3,
 :where(.rt-carousel) .embla .wp-block-post-template.columns-3,
 :where(.rt-carousel) .embla .wp-block-term-template.columns-3 {
-	--rt-carousel-slide-width: 33.333%;
+	--rt-carousel-slide-width: calc((100% - (var(--rt-carousel-gap, 0px) * 2)) / 3);
 }
 
 /* 4 Columns */
 :where(.rt-carousel).is-style-columns-4,
 :where(.rt-carousel) .embla .wp-block-post-template.columns-4,
 :where(.rt-carousel) .embla .wp-block-term-template.columns-4 {
-	--rt-carousel-slide-width: 25%;
+	--rt-carousel-slide-width: calc((100% - (var(--rt-carousel-gap, 0px) * 3)) / 4);
 }