diff --git a/src/components/ChannelItem.vue b/src/components/ChannelItem.vue
index 8eb6f65a..d9809240 100644
--- a/src/components/ChannelItem.vue
+++ b/src/components/ChannelItem.vue
@@ -1,8 +1,8 @@
 <template>
     <div class="flex flex-col flex-justify-between">
         <router-link :to="props.item.url">
-            <div class="flex justify-center h-[10rem] mb-4">
-                <img class="aspect-square rounded-full" :src="props.item.thumbnail" loading="lazy" />
+            <div class="flex justify-center my-4">
+                <img class="aspect-square rounded-full w-[50%]" :src="props.item.thumbnail" loading="lazy" />
             </div>
             <p>
                 <span v-text="props.item.name" />