diff --git a/frontend/src/component/common/loadingSpinner/LoadingSpinner.tsx b/frontend/src/component/common/loadingSpinner/LoadingSpinner.tsx
index e208f6ac..a39e2c16 100644
--- a/frontend/src/component/common/loadingSpinner/LoadingSpinner.tsx
+++ b/frontend/src/component/common/loadingSpinner/LoadingSpinner.tsx
@@ -1,3 +1,8 @@
 export const LoadingSpinner = () => {
-  return <div className="spinner" />;
+  return (
+    <section className="flex h-full flex-col items-center justify-center gap-2 text-xl text-gray-700">
+      <div className="spinner" />
+      Loading map data...
+    </section>
+  );
 };
diff --git a/frontend/src/pages/Main.tsx b/frontend/src/pages/Main.tsx
index 049c9680..af175535 100644
--- a/frontend/src/pages/Main.tsx
+++ b/frontend/src/pages/Main.tsx
@@ -104,10 +104,7 @@ export const Main = () => {
               otherLocations={otherLocations}
             />
           ) : (
-            <section className="flex h-full flex-col items-center justify-center gap-2 text-xl text-gray-700">
-              <LoadingSpinner />
-              Loading map data...
-            </section>
+            <LoadingSpinner />
           )
         ) : (
           <section className="flex h-full flex-col items-center justify-center gap-2 text-xl text-gray-700">