diff --git a/types/css-modules/css-modules-tests.ts b/types/css-modules/css-modules-tests.ts
index 9456029319..5876f5beae 100644
--- a/types/css-modules/css-modules-tests.ts
+++ b/types/css-modules/css-modules-tests.ts
@@ -1,21 +1,21 @@
-import styles from './main.css'
-import * as classNames from 'classnames'
+import styles from './main.sass';
+import * as classNames from 'classnames';
 
 class App {
-    private theme: string
+    private theme: string;
     constructor(theme: string) {
-        this.theme = theme
+        this.theme = theme;
     }
 
     render() {
         // as a style tag (using webpack's css-loader)
-        const tpl = `<div style="${styles.toString()}"></div>`
+        const tpl = `<div style="${styles.toString()}"></div>`;
         // or as scoped unique classes, also latest typescript versions allow prop access using dot like styles.darkUI instead of styles['darkUI']
         return `
-            <div class="${classNames((this.theme === 'dark')? 
-                styles['darkUI'] : 
-                styles['lightUI'].toString())}">
+            <div class="${classNames((this.theme === 'dark') ?
+                styles.darkUI :
+                styles.lightUI.toString())}">
             </div>
-        `
+        `;
     }
 }