diff --git a/src/lib/components/Browse/Sections/ItemCarousel.svelte b/src/lib/components/Browse/Sections/ItemCarousel.svelte
index cdd70515..31e8695f 100644
--- a/src/lib/components/Browse/Sections/ItemCarousel.svelte
+++ b/src/lib/components/Browse/Sections/ItemCarousel.svelte
@@ -1,8 +1,9 @@
 <script lang="ts">
+	import IconViews from '$lib/assets/icons/IconViews.svelte'
 	import IconViewers from '$lib/assets/icons/IconViewers.svelte'
 	import IconDrawerVerification from '$lib/assets/icons/drawer/IconDrawerVerification.svelte'
-	// import IconBrowseItemPlay from '$lib/assets/icons/browse/IconBrowseItemPlay.svelte'
 	import { category_list } from '$lib/stores/channelStore'
+	import { getNumberInThousands } from '$lib/utils'
 
 	export let channel: any = {}
 
@@ -22,14 +23,19 @@
 						LIVE
 					</span>
 				{/if}
-				<div class="dropdown dropdown-bottom">
-					<label
-						for=""
-						class="btn btn-sm rounded-md font-medium gap-2 btn-neutral text-white border-none"
-						tabindex="-1">
+				<div
+					class="tooltip"
+					data-tip="{getNumberInThousands(channel.viewDetails?.count || 0)} views">
+					<span class="btn btn-sm rounded-md font-medium gap-2 btn-neutral text-white border-none">
+						<IconViews />
+						{getNumberInThousands(channel.viewDetails.count || 0)}
+					</span>
+				</div>
+				<div class="tooltip" data-tip="{getNumberInThousands(channel.memberCount || 0)} watching">
+					<span class="btn btn-sm rounded-md font-medium gap-2 btn-neutral text-white border-none">
 						<IconViewers />
-						{channel.memberCount || '0'}
-					</label>
+						{getNumberInThousands(channel.memberCount || 0)}
+					</span>
 				</div>
 			</div>
 			<div class="flex flex-wrap">
@@ -42,9 +48,6 @@
 				{/if}
 			</div>
 		</div>
-		<!-- <div class="flex justify-center w-full">
-			<IconBrowseItemPlay />
-		</div> -->
 		<div class="space-y-2">
 			<p class="text-2xl truncate text-white font-semibold">{channel.title || ''}</p>
 			<div class="flex flex-row items-center gap-2">
diff --git a/src/lib/components/Browse/Sections/ItemChannel.svelte b/src/lib/components/Browse/Sections/ItemChannel.svelte
index fa9b9a13..f9d5b0bb 100644
--- a/src/lib/components/Browse/Sections/ItemChannel.svelte
+++ b/src/lib/components/Browse/Sections/ItemChannel.svelte
@@ -1,7 +1,9 @@
 <script lang="ts">
+	import IconViews from '$lib/assets/icons/IconViews.svelte'
 	import IconViewers from '$lib/assets/icons/IconViewers.svelte'
 	import IconDrawerVerification from '$lib/assets/icons/drawer/IconDrawerVerification.svelte'
 	import { category_list } from '$lib/stores/channelStore'
+	import { getNumberInThousands } from '$lib/utils'
 
 	export let channel: any = {}
 </script>
@@ -18,14 +20,19 @@
 						LIVE
 					</span>
 				{/if}
-				<div class="dropdown dropdown-bottom">
-					<label
-						for=""
-						class="btn btn-sm rounded-md font-medium gap-2 btn-neutral text-white border-none"
-						tabindex="-1">
+				<div
+					class="tooltip"
+					data-tip="{getNumberInThousands(channel.viewDetails?.count || 0)} views">
+					<span class="btn btn-sm rounded-md font-medium gap-2 btn-neutral text-white border-none">
+						<IconViews />
+						{getNumberInThousands(channel.viewDetails?.count || 0)}
+					</span>
+				</div>
+				<div class="tooltip" data-tip="{getNumberInThousands(channel.memberCount || 0)} watching">
+					<span class="btn btn-sm rounded-md font-medium gap-2 btn-neutral text-white border-none">
 						<IconViewers />
-						{channel.memberCount || '0'}
-					</label>
+						{getNumberInThousands(channel.memberCount || 0)}
+					</span>
 				</div>
 			</div>
 			<div class="flex flex-wrap">
diff --git a/src/lib/components/Browse/Sections/ItemTable.svelte b/src/lib/components/Browse/Sections/ItemTable.svelte
index d2e3f519..64c7fc84 100644
--- a/src/lib/components/Browse/Sections/ItemTable.svelte
+++ b/src/lib/components/Browse/Sections/ItemTable.svelte
@@ -41,11 +41,15 @@
 	</td>
 	<td>
 		<div class="flex gap-4">
-			<!-- <div class="flex gap-2 my-3">
+			<div
+				class="flex gap-2 my-3 tooltip"
+				data-tip="{getNumberInThousands(channel.viewDetails?.count || 0)} views">
 				<IconViews />
 				<span>{getNumberInThousands(channel.viewDetails?.count || 0)}</span>
-			</div> -->
-			<div class="flex gap-2 my-3">
+			</div>
+			<div
+				class="flex gap-2 my-3 tooltip"
+				data-tip="{getNumberInThousands(channel.memberCount || 0)} watching">
 				<IconViewers />
 				<span>{getNumberInThousands(channel?.memberCount || 0)}</span>
 			</div>