diff --git a/docs/src/content/docs/styling/setup-scss-config.mdx b/docs/src/content/docs/styling/setup-scss-config.mdx
index 2ba8557..fda572b 100644
--- a/docs/src/content/docs/styling/setup-scss-config.mdx
+++ b/docs/src/content/docs/styling/setup-scss-config.mdx
@@ -48,8 +48,8 @@ _Please correct me if this should be different and open a [Github issue](https:/
    // astro-breadcrumbs-config.scss
    @use "astro-breadcrumbs/breadcrumbs.scss" with (
      /// Your config goes here
-     /// $size-font: 12px;
-     /// $color-link: rebeccapurple;
+     $size-font: 12px,
+     $color-link: rebeccapurple
    );
    ```
 3. Import the SCSS file in your Astro file