diff --git a/src/main.jsx b/src/main.jsx
index 22210c6..df437e5 100644
--- a/src/main.jsx
+++ b/src/main.jsx
@@ -14,6 +14,7 @@ import "./styles/auth-modal.css";
 import "./styles/auth-toast.css";
 import "./styles/filters.css";
 import "./styles/mapMarkers.css";
+import "./styles/maps.css"; // ✅ pour la barre de recherche (taille + couleurs)
 
 import { AuthProvider } from "./auth/AuthContext.jsx";
 
diff --git a/src/styles/maps.css b/src/styles/maps.css
index cbc8991..d86b3f7 100644
--- a/src/styles/maps.css
+++ b/src/styles/maps.css
@@ -1,54 +1,54 @@
-
 /* === SEARCH BAR OVERRIDES (taille + couleurs par thème) === */
 
-.sw-search-bar {
-  /* 75% de l'écran, max 520px */
+/* On vise ta classe réelle: .sw-searchbar (celle utilisée dans MapView.jsx) */
+.sw-searchbar {
+  /* 75% de l'écran, max 520px, toujours propre */
   width: min(75vw, 520px);
 }
 
 @media (min-width: 1024px) {
-  .sw-search-bar {
+  .sw-searchbar {
     width: min(75vw, 520px);
   }
 }
 
 /* Couleur du texte dans l'input selon le thème */
-html[data-theme="dark"] .sw-search-input,
-html[data-theme="blue"] .sw-search-input {
+body[data-theme="dark"] .sw-search-input,
+body[data-theme="blue"] .sw-search-input {
   color: #f9fafb; /* blanc */
 }
 
-html[data-theme="light"] .sw-search-input {
+body[data-theme="light"] .sw-search-input {
   color: #111827; /* noir foncé */
 }
 
 /* Placeholder suivant le thème */
-html[data-theme="dark"] .sw-search-input::placeholder,
-html[data-theme="blue"] .sw-search-input::placeholder {
+body[data-theme="dark"] .sw-search-input::placeholder,
+body[data-theme="blue"] .sw-search-input::placeholder {
   color: #6b7280;
 }
 
-html[data-theme="light"] .sw-search-input::placeholder {
+body[data-theme="light"] .sw-search-input::placeholder {
   color: #9ca3af;
 }
 
-/* Résultats: fond & texte suivant le thème (si tu as un dropdown) */
-html[data-theme="dark"] .sw-search-results,
-html[data-theme="blue"] .sw-search-results {
+/* (optionnel) Si tu utilises plus tard SmartSearchBar avec un dropdown */
+body[data-theme="dark"] .sw-search-results,
+body[data-theme="blue"] .sw-search-results {
   background: rgba(6, 12, 30, 0.98);
   color: #f9fafb;
 }
 
-html[data-theme="light"] .sw-search-results {
+body[data-theme="light"] .sw-search-results {
   background: rgba(255, 255, 255, 0.98);
   color: #111827;
 }
 
-html[data-theme="dark"] .sw-search-result-item:hover,
-html[data-theme="blue"] .sw-search-result-item:hover {
+body[data-theme="dark"] .sw-search-result-item:hover,
+body[data-theme="blue"] .sw-search-result-item:hover {
   background: rgba(15, 23, 42, 0.9);
 }
 
-html[data-theme="light"] .sw-search-result-item:hover {
+body[data-theme="light"] .sw-search-result-item:hover {
   background: #f3f4f6;
 }