diff --git a/servers/nextjs/components/BackBtn.tsx b/servers/nextjs/components/BackBtn.tsx
index b5f05464..c1e64e91 100644
--- a/servers/nextjs/components/BackBtn.tsx
+++ b/servers/nextjs/components/BackBtn.tsx
@@ -6,7 +6,7 @@ import { useRouter } from 'next/navigation';
 const BackBtn = () => {
     const router = useRouter();
     return (
-        <button onClick={() => router.back()} className='bg-blue-900 rounded-full p-2'>
+        <button onClick={() => router.back()} className='bg-white-900 border border-white/20 hover:border-white/60 transition-all duration-200 rounded-full p-2'>
             <ArrowLeftIcon className="w-5 h-5 text-white" />
         </button>
     )