diff --git a/src/views/Anatomy.vue b/src/views/Anatomy.vue
index d31ebf0..e2f7816 100644
--- a/src/views/Anatomy.vue
+++ b/src/views/Anatomy.vue
@@ -403,12 +403,13 @@
         naughty secrets. If you dare...! Don't say I didn't warn you!!
       </p>
 
-      <nsfw-switch
-        class="flex flex--row flex--nowrap flex--center"
-        id="nsfw-switch-manlybits"
-        v-model="$root.nsfw"
-        @change="$root.showWarning()"
-      />
+      <p>
+        <nsfw-switch
+          id="nsfw-switch-manlybits"
+          v-model="$root.nsfw"
+          @change="$root.showWarning()"
+        />
+      </p>
     </template>
   </prose>
 </template>
diff --git a/src/views/General.vue b/src/views/General.vue
index 1e22f59..b238d3a 100644
--- a/src/views/General.vue
+++ b/src/views/General.vue
@@ -172,12 +172,13 @@
         Let's... get... <strong><em>scandalous!</em></strong>
       </p>
 
-      <nsfw-switch
-        class="flex flex--row flex--nowrap flex--center"
-        id="nsfw-switch-kinky"
-        v-model="$root.nsfw"
-        @change="$root.showWarning()"
-      />
+      <p>
+        <nsfw-switch
+          id="nsfw-switch-kinky"
+          v-model="$root.nsfw"
+          @change="$root.showWarning()"
+        />
+      </p>
     </template>
   </prose>
 </template>
@@ -199,8 +200,6 @@ export default {
 </script>
 
 <style lang="scss">
-@import "@/scss/base.scss";
-
 ul {
   &.col-2 {
     columns: 2 auto;