diff --git a/packages/frontend/src/routes/community/index.vue b/packages/frontend/src/routes/community/index.vue
index d0b10b4..7a79ea0 100644
--- a/packages/frontend/src/routes/community/index.vue
+++ b/packages/frontend/src/routes/community/index.vue
@@ -48,7 +48,12 @@
         </div>
       </div>
 
-      <div class="channels">
+      <div
+        class="channels"
+        :class='isChannelsLoading
+          ? "isLoading"
+          : ""'
+      >
         <Progress
           v-if="isChannelsLoading"
           class="processing-progress"
@@ -192,12 +197,16 @@
   flex-direction: column;
   width: 100%;
   flex-grow: 1;
-  gap: 1rem;
+  gap: 0.5rem;
   overflow: scroll;
   padding: 1rem 1rem 0 1rem;
   box-sizing: border-box;
 }
 
+.channels.isLoading {
+  padding-bottom: 1rem;
+}
+
 .channels a {
   display: flex;
   color: var(--text-color);