diff --git a/web/app/edition/saas/sub/sub-c.css b/web/app/edition/saas/sub/sub-c.css
deleted file mode 100644
index e69de29bb2..0000000000
diff --git a/web/app/edition/saas/sub/sub-c.module.css b/web/app/edition/saas/sub/sub-c.module.css
new file mode 100644
index 0000000000..55c1a12840
--- /dev/null
+++ b/web/app/edition/saas/sub/sub-c.module.css
@@ -0,0 +1,3 @@
+.bg {
+  background-color: red;
+}
diff --git a/web/app/edition/saas/sub/sub-sub/index.tsx b/web/app/edition/saas/sub/sub-sub/index.tsx
index f97c8e3204..2152e116f3 100644
--- a/web/app/edition/saas/sub/sub-sub/index.tsx
+++ b/web/app/edition/saas/sub/sub-sub/index.tsx
@@ -1,10 +1,11 @@
 'use client'
 import type { FC } from 'react'
 import React from 'react'
+import s from '../sub-c.module.css'
 
 const SubSub: FC = () => {
   return (
-    <div>
+    <div className={s.bg}>
       Sub Sub
     </div>
   )
diff --git a/web/app/edition/saas/test.tsx b/web/app/edition/saas/test.tsx
index e05f503337..433206e4e1 100644
--- a/web/app/edition/saas/test.tsx
+++ b/web/app/edition/saas/test.tsx
@@ -1,10 +1,11 @@
 'use client'
 import type { FC } from 'react'
 import React from 'react'
+import s from '@edition/sub/sub-c.module.css'
 
 const Test: FC = () => {
   return (
-    <div>SaaS</div>
+    <div className={s.bg}>SaaS</div>
   )
 }
 export default React.memo(Test)