diff --git a/src/Components/Map/UtopiaMap.css b/src/Components/Map/UtopiaMap.css
index c481a126..e8804944 100644
--- a/src/Components/Map/UtopiaMap.css
+++ b/src/Components/Map/UtopiaMap.css
@@ -75,6 +75,11 @@
 
   }
 
+  .leaflet-tooltip {
+    background-color: theme('colors.base-100');
+    color: theme('colors.base-content');
+  }
+
   .leaflet-tooltip {
     border-radius: 1em;
     transition: opacity 500ms;
diff --git a/tailwind.config.js b/tailwind.config.js
index ed0b1e99..f1d4248f 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -31,10 +31,9 @@ module.exports = {
     require("daisyui"),
     require("tw-elements/dist/plugin.cjs")
   ],
+  daisyui: {
+    themes: ["cupcake", "retro", "cyberpunk", "aqua"]
+  },
   prefix: 'tw-',
   content: ['./src/**/*.{js,jsx,ts,tsx}'],
-  darkMode: 'class',
-  daisyui: {
-    themes: ["light", "dark", "cupcake", "forest", "cyberpunk"],
-  }
 }