diff --git a/src/routes/Intro/ConsentCheckbox/ConsentCheckbox.js b/src/routes/Intro/ConsentCheckbox.js
similarity index 100%
rename from src/routes/Intro/ConsentCheckbox/ConsentCheckbox.js
rename to src/routes/Intro/ConsentCheckbox.js
diff --git a/src/routes/Intro/ConsentCheckbox/index.js b/src/routes/Intro/ConsentCheckbox/index.js
deleted file mode 100644
index 85e850a9c..000000000
--- a/src/routes/Intro/ConsentCheckbox/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-const ConsentCheckbox = require('./ConsentCheckbox');
-
-module.exports = ConsentCheckbox;
diff --git a/src/routes/Intro/ConsentCheckbox/styles.less b/src/routes/Intro/ConsentCheckbox/styles.less
deleted file mode 100644
index 4770c7169..000000000
--- a/src/routes/Intro/ConsentCheckbox/styles.less
+++ /dev/null
@@ -1,44 +0,0 @@
-.consent-checkbox-container {
-    --icon-size: 1.2em;
-    --icon-color: var(--color-surface);
-    --icon-background-color: transparent;
-
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: center;
-    cursor: pointer;
-
-    .label {
-        flex: 1;
-        margin-left: 0.5em;
-        line-height: 1.2em;
-        color: var(--color-surface);
-
-        .link {
-            color: var(--color-surfacelight);
-
-            &:hover {
-                text-decoration: underline;
-            }
-        }
-    }
-
-    &:global(.checked) {
-        --icon-color: var(--color-surfacelight);
-        --icon-background-color: var(--color-primary);
-    }
-
-    &:focus-within, &:hover {
-        --icon-color: var(--color-surfacelighter);
-        background-color: var(--color-surfacedarker60);
-
-        .label {
-            color: var(--color-surfacelighter);
-
-            .link {
-                color: var(--color-surfacelighter);
-            }
-        }
-    }
-}
\ No newline at end of file
diff --git a/src/routes/Intro/styles.less b/src/routes/Intro/styles.less
index 61cc76ae9..b2514b9d2 100644
--- a/src/routes/Intro/styles.less
+++ b/src/routes/Intro/styles.less
@@ -125,8 +125,49 @@
         }
 
         .consent-checkbox {
+            --icon-size: 1.2em;
+            --icon-color: var(--color-surface);
+            --icon-background-color: transparent;
+            display: flex;
+            flex-direction: row;
+            align-items: center;
+            justify-content: center;
             margin: 1em 0;
             padding: 0.5em 0.3em;
+            cursor: pointer;
+
+            .label {
+                flex: 1;
+                margin-left: 0.5em;
+                line-height: 1.2em;
+                color: var(--color-surface);
+
+                .link {
+                    color: var(--color-surfacelight);
+
+                    &:hover {
+                        text-decoration: underline;
+                    }
+                }
+            }
+
+            &:global(.checked) {
+                --icon-color: var(--color-surfacelight);
+                --icon-background-color: var(--color-primary);
+            }
+
+            &:focus-within, &:hover {
+                --icon-color: var(--color-surfacelighter);
+                background-color: var(--color-surfacedarker60);
+
+                .label {
+                    color: var(--color-surfacelighter);
+
+                    .link {
+                        color: var(--color-surfacelighter);
+                    }
+                }
+            }
         }
 
         .error-message {