diff --git a/frontend/src/helperComponents/Anime.svelte b/frontend/src/helperComponents/Anime.svelte
index f5fa5f8..92c0ffd 100644
--- a/frontend/src/helperComponents/Anime.svelte
+++ b/frontend/src/helperComponents/Anime.svelte
@@ -592,10 +592,10 @@
             <Button
                 disabled={isSubmitting}
                 id="delete-button"
-                class="text-white bg-red-700 {$submitSuccess
-                    ? 'bg-green-600 hover:bg-green-700 focus:ring-4 focus:ring-green-300 dark:focus:ring-green-800'
-                    : 'bg-red-600 hover:bg-red-700 focus:ring-4 focus:ring-red-300 dark:focus:ring-red-800'} font-medium
-                    rounded-lg text-sm px-5 py-2.5 me-2 mb-2 focus:outline-none"
+                class="text-white bg-red-700 {$submitSuccess ?
+                    'bg-green-600 dark:bg-green-600 hover:bg-green-700 dark:hover:bg-green-700 focus:ring-4 focus:ring-green-800 dark:focus:ring-green-800' :
+                    'bg-red-600 dark:bg-red-600 hover:bg-red-700 dark:hover:bg-red-700 focus:ring-4 focus:ring-red-800 dark:focus:ring-red-800'
+                    } font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2 focus:outline-none"
                 on:click={deleteEntries}
             >
                 <svg
@@ -627,10 +627,10 @@
             <Button
                 disabled={isSubmitting}
                 id="sync-button"
-                class="text-white bg-blue-700 {$submitSuccess
-                    ? 'bg-green-600 hover:bg-green-700 focus:ring-4 focus:ring-green-300 dark:focus:ring-green-800'
-                    : 'bg-blue-600 hover:bg-blue-700 focus:ring-4 focus:ring-blue-300 dark:focus:ring-blue-800'} font-medium
-                    rounded-lg text-sm px-5 py-2.5 me-2 mb-2 focus:outline-none"
+                class="text-white {$submitSuccess ?
+                    'bg-green-600 dark:bg-green-600 hover:bg-green-700 dark:hover:bg-green-700 focus:ring-4 focus:ring-green-800 dark:focus:ring-green-800' :
+                    'bg-blue-600 dark:bg-blue-600 hover:bg-blue-700 dark:hover:bg-blue-700 focus:ring-4 focus:ring-blue-800 dark:focus:ring-blue-800'
+                    } font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2 focus:outline-none"
                 type="submit"
             >
                 <svg
@@ -656,9 +656,9 @@
                 Sync Changes
             </Button>
             <Button
-                class="border focus:outline-none focus:ring-4
-                    font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2 bg-gray-800 text-white
-                    border-gray-600 hover:bg-gray-700 hover:border-gray-600 focus:ring-gray-700"
+                class="text-white bg-gray-800 border border-gray-600 focus:outline-none hover:bg-gray-700 focus:ring-4
+                    focus:ring-gray-700 font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2 dark:bg-gray-800 dark:text-white
+                    dark:border-gray-600 dark:hover:bg-gray-700 dark:hover:border-gray-600 dark:focus:ring-gray-700"
                 on:click={async () => {
                     await CheckIfAniListLoggedInAndLoadWatchList();
                     return push("/");