src/routes/+page.svelte

@@ -58,6 +58,7 @@
 </Navbar>
 
 <main>
+    <div class="tag-filter-container">
         <TagFilter
             {selectedTags}
             {tagFilter}
@@ -67,6 +68,7 @@
             {deleteTag}
             {addTag}
         />
+    </div>
 
     {#each filteredStudySpaces() as studySpace (studySpace.id)}
         {@const imgUrl =
@@ -100,6 +102,13 @@
         transform: rotate(45deg);
     }
 
+    .tag-filter-container {
+        grid-column: 1 / -1;
+        display: flex;
+        justify-content: center;
+        margin-bottom: 1rem;
+    }
+
     @media (max-width: 20rem) {
         main {
             grid-template-columns: 1fr;