diff --git a/src/components/carousel/carousel.styles.ts b/src/components/carousel/carousel.styles.ts
index 3a33e94b..d6b31cac 100644
--- a/src/components/carousel/carousel.styles.ts
+++ b/src/components/carousel/carousel.styles.ts
@@ -5,11 +5,11 @@ export default css`
   ${componentStyles}
 
   :host {
-    display: flex;
-
     --slide-gap: var(--sl-spacing-medium, 1rem);
     --aspect-ratio: 16 / 9;
     --scroll-hint: 0px;
+
+    display: flex;
   }
 
   .carousel {