diff --git a/v3/src/components/widgets/Announcement.astro b/v3/src/components/widgets/Announcement.astro
index 82b6d61..39662db 100644
--- a/v3/src/components/widgets/Announcement.astro
+++ b/v3/src/components/widgets/Announcement.astro
@@ -3,10 +3,9 @@
 ---
 
 <div
-  class="dark text-muted text-sm bg-black dark:bg-transparent dark:border-b dark:border-slate-800 dark:text-slate-400 hidden md:flex gap-1 overflow-hidden px-3 py-2 relative text-ellipsis whitespace-nowrap"
+  class="dark text-muted text-sm bg-black dark:bg-transparent dark:border-b dark:border-slate-800 dark:text-slate-400 hidden md:flex gap-1 overflow-hidden px-3 py-2 relative text-ellipsis whitespace-nowrap justify-center items-center"
 >
-  <span
-    class="dark:bg-slate-700 bg-white/40 dark:text-slate-300 font-semibold px-1 py-0.5 text-xs mr-0.5 rtl:mr-0 rtl:ml-0.5 inline-block"
+  <span class="bg-secondary text-slate-300 font-semibold px-1 py-0.5 text-xs mr-0.5 rtl:mr-0 rtl:ml-0.5 inline-block"
     >NEW</span
   >
   <a href="https://rustdesk.com/blog/rustdesk-1.3.1/" class="text-muted hover:underline dark:text-slate-400 font-medium"