src/lib/components/Report.svelte

@@ -46,7 +46,7 @@
         }}
         class="reportContainer"
     >
-        <h1>Submit a Report</h1>
+        <h1 class="submitHeader">Submit a Report</h1>
         <p>What's the reason?</p>
         <select name="reportType" class="reportType" required bind:value={reportData.type}>
             <option value="" disabled selected>Report type</option>
@@ -98,6 +98,9 @@
         border: 2px solid #eaffeb;
     }
 
+    .submitHeader {
+        width: 80%;
+    }
     .reportType {
         width: 100%;
         height: 100%;

src/lib/components/SpaceCard.svelte

@@ -77,8 +77,8 @@
 
     .compulsoryContainer {
         display: grid;
-        grid-template-columns: repeat(3, 1fr);
-        gap: 0.4rem;
+        grid-template-columns: repeat(auto-fit, minmax(3.75rem, 1fr));
+        gap: 0.3rem;
         font-size: 0.8rem;
     }
 </style>

src/routes/space/[id]/+page.svelte

@@ -187,6 +187,8 @@
     .addrMap {
         width: 100%;
         aspect-ratio: 1 / 1;
+        border-radius: 0.5rem;
+        border: 2px solid #eaffeb;
     }
     .reportButton {
         width: 100%;