diff --git a/app/Http/Livewire/Meetup/Embed/CountryMap.php b/app/Http/Livewire/Meetup/Embed/CountryMap.php
index 6d3e7eab..0bbf083d 100644
--- a/app/Http/Livewire/Meetup/Embed/CountryMap.php
+++ b/app/Http/Livewire/Meetup/Embed/CountryMap.php
@@ -11,6 +11,10 @@ class CountryMap extends Component
 {
     public Country $country;
 
+    public bool $darkMode = false;
+
+    protected $queryString = ['darkMode' => ['except' => false]];
+
     public function render()
     {
         return view('livewire.meetup.embed.country-map', [
diff --git a/resources/views/livewire/meetup/embed/country-map.blade.php b/resources/views/livewire/meetup/embed/country-map.blade.php
index a06c6f49..8f47e0b8 100644
--- a/resources/views/livewire/meetup/embed/country-map.blade.php
+++ b/resources/views/livewire/meetup/embed/country-map.blade.php
@@ -1,4 +1,4 @@
-<div class="h-full bg-white">
+<div class="h-full {{ $darkMode ? 'bg-21gray' : 'bg-white' }}">
     @php
         $focus = '';
         $map = $country->code . '_merc';