diff --git a/components/announcement.js b/components/announcement.js
index 2f06d664..6d6d1122 100644
--- a/components/announcement.js
+++ b/components/announcement.js
@@ -4,7 +4,7 @@ import Link from 'next/link';
 export default function Announcement() {
   return (
     <Link href="/venue/Paris">
-    <div className='cursor-pointer border text-white min-w-[300px] rounded-lg p-1 text-center text-lg transition-all duration-350 transform hover:scale-105 hover:shadow-lg hover:bg-white hover:text-black'>Join the AsyncAPI Conf in Paris!</div>
+    <div className='cursor-pointer border text-white min-w-[300px] rounded-lg p-1 text-center text-lg transition-all duration-350 transform hover:scale-105 hover:shadow-lg hover:backdrop-blur-xl'>Join the AsyncAPI Conf in Paris!</div>
     </Link>
   )
 }