diff --git a/src/App.vue b/src/App.vue
index 302680a0..f3e7bb92 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -212,4 +212,8 @@ h2 {
 .dark .line {
     @apply bg-white;
 }
+
+.auto .line {
+    @apply dark:(bg-white);
+}
 </style>
diff --git a/src/components/FooterComponent.vue b/src/components/FooterComponent.vue
index 1381c495..b65bc79e 100644
--- a/src/components/FooterComponent.vue
+++ b/src/components/FooterComponent.vue
@@ -52,4 +52,7 @@ footer {
 .dark footer {
     @apply bg-dark-800;
 }
+.auto footer {
+    @apply dark:(bg-dark-800);
+}
 </style>