diff --git a/src/components/General/QuickStartBar/QuickStartBar.css b/src/components/General/QuickStartBar/QuickStartBar.module.css
similarity index 100%
rename from src/components/General/QuickStartBar/QuickStartBar.css
rename to src/components/General/QuickStartBar/QuickStartBar.module.css
diff --git a/src/components/General/QuickStartBar/QuickStartBar.tsx b/src/components/General/QuickStartBar/QuickStartBar.tsx
index da93872a..0d729522 100644
--- a/src/components/General/QuickStartBar/QuickStartBar.tsx
+++ b/src/components/General/QuickStartBar/QuickStartBar.tsx
@@ -1,8 +1,8 @@
-import './QuickStartBar.css'
+import styles from './QuickStartBar.module.css'
 
 const QuickStartBar = () => {
   return (
-    <nav className="quick-start-bar">
+    <nav className={styles['quick-start-bar']}>
       <span>
         <svg
           xmlns="http://www.w3.org/2000/svg"