diff --git a/docs/pages/components/carousel.md b/docs/pages/components/carousel.md
index 68ae4a27..afc0bc92 100644
--- a/docs/pages/components/carousel.md
+++ b/docs/pages/components/carousel.md
@@ -803,7 +803,7 @@ const App = () => (
 
 ### Aspect Ratio
 
-Use the `--aspect-ratio` custom property to customize the size of the carousel's viewport from the default value of `16/9`.
+Use the `--aspect-ratio` custom property to customize the size of the carousel's viewport from the default value of 16/9.
 
 ```html:preview
 <sl-carousel class="aspect-ratio" navigation pagination style="--aspect-ratio: 3/2;">
diff --git a/src/components/carousel/carousel.component.ts b/src/components/carousel/carousel.component.ts
index 1f5ae0f6..33b97619 100644
--- a/src/components/carousel/carousel.component.ts
+++ b/src/components/carousel/carousel.component.ts
@@ -40,7 +40,7 @@ import type { CSSResultGroup } from 'lit';
  * @csspart navigation-button--next - Applied to the next button.
  *
  * @cssproperty --slide-gap - The space between each slide.
- * @cssproperty --aspect-ratio - The aspect ratio of each slide.
+ * @cssproperty [--aspect-ratio=16/9] - The aspect ratio of each slide.
  * @cssproperty --scroll-hint - The amount of padding to apply to the scroll area, allowing adjacent slides to become
  *  partially visible as a scroll hint.
  */