diff --git a/src/site/_data/dynamics.js b/src/site/_data/dynamics.js
index 973e3fb..d356a2c 100644
--- a/src/site/_data/dynamics.js
+++ b/src/site/_data/dynamics.js
@@ -24,7 +24,7 @@ const generateComponentPaths = async (namespace) => {
 const generateStylesPaths = async () => {
     try {
         const tree = await fsFileTree(`${STYLE_PATH}`);
-        let comps = Object.keys(tree).map((p) => `/styles/user/${p}`);
+        let comps = Object.keys(tree).map((p) => `/styles/user/${p}`.replace('.scss', '.css'));
         comps.sort()
         return comps
     } catch {