diff --git a/app/host/page.tsx b/app/host/page.tsx
index 1b63f2b..a8ad4f3 100644
--- a/app/host/page.tsx
+++ b/app/host/page.tsx
@@ -95,7 +95,7 @@ const Page = () => {
             >
               <div className="text-6xl font-bold text-white text-center text-shadow-lg flex justify-center items-center flex-col">
                 <motion.h1
-                  className="mb-8 text-transparent bg-clip-text bg-gradient-to-r from-purple-400 via-pink-500 to-red-500"
+                  className="mb-8 text-transparent bg-clip-text bg-gradient-to-r from-purple via-pink-500 to-red-500 bg-opacity-75"
                   initial={{ opacity: 0, y: -20 }}
                   animate={{ opacity: 1, y: 0 }}
                   transition={{ duration: 0.5, delay: 0.2 }}