diff --git a/src/components/ChannelItem.vue b/src/components/ChannelItem.vue
index 44bf5d62..1f3fc425 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 channel-container" :src="props.item.thumbnail" loading="lazy" />
+                <img class="w-full aspect-square rounded-full" :src="props.item.thumbnail" loading="lazy" />
             </div>
             <p>
                 <span v-text="props.item.name" />
@@ -32,9 +32,3 @@ const props = defineProps({
     item: Object,
 });
 </script>
-
-<style>
-.channel-container {
-    border-radius: 100%;
-}
-</style>