diff --git a/web-frontend/src/lib/Map.svelte b/web-frontend/src/lib/Map.svelte
index 35a94a7..1d4b948 100644
--- a/web-frontend/src/lib/Map.svelte
+++ b/web-frontend/src/lib/Map.svelte
@@ -81,9 +81,13 @@
 </script>
 
 <div id="container" class="h-3/4">
+	<!-- TODO: I want to set the border background to some tailwind class, but I don't know how.
+    This is to copy .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar border style
+    -->
 	<label
 		bind:this={locationControl}
-		class="bg-white p-2 border-black border-solid"
+		style="border-color: rgba(0,0,0,0.2);"
+		class="bg-white p-2 border-2 border-solid rounded"
 		on:click|stopPropagation
 	>
 		<input type="checkbox" bind:checked={locationChecked} on:change={locationCheckedChanged} />