diff --git a/src/components/ChannelItem.vue b/src/components/ChannelItem.vue
index c032ac1d..44bf5d62 100644
--- a/src/components/ChannelItem.vue
+++ b/src/components/ChannelItem.vue
@@ -2,7 +2,7 @@
     <div>
         <router-link :to="props.item.url">
             <div class="relative">
-                <img class="w-full aspect-square" :src="props.item.thumbnail" loading="lazy" />
+                <img class="w-full aspect-square channel-container" :src="props.item.thumbnail" loading="lazy" />
             </div>
             <p>
                 <span v-text="props.item.name" />
@@ -32,3 +32,9 @@ const props = defineProps({
     item: Object,
 });
 </script>
+
+<style>
+.channel-container {
+    border-radius: 100%;
+}
+</style>