diff --git a/src/lib/components/PostSection.svelte b/src/lib/components/PostSection.svelte
index cabda05f..81c892b5 100644
--- a/src/lib/components/PostSection.svelte
+++ b/src/lib/components/PostSection.svelte
@@ -418,7 +418,7 @@ $: {
                   <!--Start PostType Text-->
                   <div class="flex flex-wrap md:flex-row container">
                     <div class="cursor-pointer flex items-start">
-                        <div class="flex-grow w-full sm:w-3/4 max-w-2xl break-all">
+                        <div class="flex-grow w-full sm:w-3/4 max-w-2xl break-all text-white">
   
                           
                         <div class="mt-2 flex flex-wrap sm:hover:text-[#0099FF] text-start text-[1.1rem] sm:text-xl font-semibold mb-2 flex-shrink w-fit break-normal">
@@ -471,7 +471,7 @@ $: {
                     <div class="flex flex-col sm:flex-row items-center sm:items-start pr-7 pb-2">
                       <div class="flex flex-col items-start w-full">
                         <!-- Post Title -->
-                        <h2 class="pl-3 pt-2 text-start sm:hover:text-[#0099FF] text-[1.1rem] sm:text-xl font-semibold w-full mb-1 pr-5 flex-shrink break-normal">
+                        <h2 class="pl-3 pt-2 text-white text-start sm:hover:text-[#0099FF] text-[1.1rem] sm:text-xl font-semibold w-full mb-1 pr-5 flex-shrink break-normal">
                           {posts?.title}
                         </h2>
                         <!-- Post Description -->
diff --git a/src/routes/community/+page.svelte b/src/routes/community/+page.svelte
index 2097b9eb..b16bddcd 100644
--- a/src/routes/community/+page.svelte
+++ b/src/routes/community/+page.svelte
@@ -10,6 +10,8 @@
   import SkeletonLoading from '$lib/components/SkeletonLoading.svelte';
 	import InfiniteLoading from '$lib/components/InfiniteLoading.svelte';
   import communityBanner from '$lib/images/community_banner.jpg';
+  import * as Avatar from "$lib/components/shadcn/avatar/index.js";
+
   export let data;
   export let form;
 
@@ -609,18 +611,17 @@ $: {
                                         <div class="ml-12 avatar-group -space-x-6 rtl:space-x-reverse">
                                           {#each discordData?.members?.slice(0,5) as item, index}
                                             {#if index < 4}
-                                              <div class="avatar">
-                                                <div class="w-8">
-                                                  <img src={item['avatar_url']} />
-                                                </div>
-                                              </div>
-                                            {/if}
+                                            <Avatar.Root>
+                                            <Avatar.Image src={item['avatar_url']}  />
+                                            <Avatar.Fallback>CN</Avatar.Fallback>
+                                          </Avatar.Root>
+                                          {/if}
                                             {#if index >=4}
-                                            <div class="avatar placeholder">
-                                              <div class="w-8 bg-neutral text-sm text-white">
-                                                <span>+{discordData?.members?.length -4}</span>
-                                              </div>
+                                            <Avatar.Root class="bg-neutral relative">
+                                            <div class="w-8 h-8 flex-shrink-0 text-sm text-center text-white flex items-center justify-center">
+                                              <span class="absolute transform -translate-x-1/2 -translate-y-1/2 left-1/2 top-1/2">+{discordData?.members?.length - 4}</span>
                                             </div>
+                                          </Avatar.Root>
                                             {/if}
                                           {/each}
                                         </div>