diff --git a/index.html b/index.html
index 14274fa..b12fe47 100644
--- a/index.html
+++ b/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en" data-theme="autumn">
+<html lang="en">
   <head>
     <meta charset="utf-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
diff --git a/src/components/ThemeSwap.vue b/src/components/ThemeSwap.vue
index ca7b842..583685a 100644
--- a/src/components/ThemeSwap.vue
+++ b/src/components/ThemeSwap.vue
@@ -12,7 +12,7 @@ const toggle = (isChecked: boolean) => {
     <label class="grid cursor-pointer place-items-center">
       <input
         type="checkbox"
-        value="forest"
+        value="sunset"
         class="toggle theme-controller bg-base-content col-span-2 col-start-1 row-start-1"
         :checked="isDark"
         @click="
diff --git a/tailwind.config.js b/tailwind.config.js
index 5290314..9cb297c 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -33,7 +33,8 @@ module.exports = {
             },
             img: {
               'margin-top': 0,
-              'margin-bottom': 0
+              'margin-bottom': 0,
+              'border-radius': '1rem'
             }
           }
         }
@@ -42,7 +43,7 @@ module.exports = {
   },
   plugins: [typography, daisyui],
   daisyui: {
-    themes: ['autumn', 'forest'],
+    themes: ['retro', 'sunset'],
     base: true,
     styled: true,
     utils: true
