diff --git a/pages/index.tsx b/pages/index.tsx
index a34ac88..08abcb6 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -65,7 +65,7 @@ export default function Index() {
           </div>
         </section>
 
-        <span className='separator' />
+        <span className={styles.separator} />
 
         <section className={styles.sectionContainer}>
           <h1 className={styles.title}>Postin automaattipalvelu</h1>
@@ -82,7 +82,7 @@ export default function Index() {
           </a>
         </section>
 
-        <span className='separator' />
+        <span className={styles.separator} />
       </div>
     </div>
   );
diff --git a/styles/Index.module.scss b/styles/Index.module.scss
index 5694a9e..dcf5055 100644
--- a/styles/Index.module.scss
+++ b/styles/Index.module.scss
@@ -1,3 +1,11 @@
+.separator {
+  background-color: #c1c1c1;
+  width: 100%;
+  height: 0.05rem;
+  margin-top: 2rem;
+  margin-bottom: 2rem;
+}
+
 .outerContainer {
   display: flex;
   align-items: center;
diff --git a/styles/globals.scss b/styles/globals.scss
index d4de7e4..93ed102 100644
--- a/styles/globals.scss
+++ b/styles/globals.scss
@@ -20,11 +20,3 @@ body {
     background: white;
   }
 }
-
-.separator {
-  background-color: #c1c1c1;
-  width: 100%;
-  height: 0.05rem;
-  margin-top: 2rem;
-  margin-bottom: 2rem;
-}