fix spacing issue

frontend/pages/location/[id].vue

@@ -124,7 +124,7 @@
 </script>
 
 <template>
-  <BaseContainer>
+  <div>
     <BaseModal v-model="updateModal">
       <template #title> Update Location </template>
       <form v-if="location" @submit.prevent="update">
@@ -136,8 +136,8 @@
         </div>
       </form>
     </BaseModal>
-
-    <BaseCard class="mb-16">
+    <BaseContainer class="space-y-10 mb-16">
+      <BaseCard>
         <template #title>
           <BaseSectionHeader>
             <Icon name="mdi-map-marker" class="mr-2 -mt-1 text-base-content" />
@@ -191,4 +191,5 @@
         </div>
       </section>
     </BaseContainer>
+  </div>
 </template>