diff --git a/frontend/src/app/sections/home/Hero.tsx b/frontend/src/app/sections/home/Hero.tsx
index 74fb70a..decf19f 100644
--- a/frontend/src/app/sections/home/Hero.tsx
+++ b/frontend/src/app/sections/home/Hero.tsx
@@ -71,11 +71,13 @@ const Hero = () => {
           
           {/* Devfolio Apply Button */}
           <div
-            className="apply-button flex justify-center"
-            data-hackathon-slug="deerhack26"
-            data-button-theme="dark"
-            style={{ height: "44px", width: "100%" }}
-          ></div>
+          className="apply-button w-full max-w-[320px] sm:max-w-[360px] md:max-w-[420px]"
+          data-hackathon-slug="deerhack26"
+          data-button-theme="light"
+            style={{
+          height: "48px",
+          width: "100%",
+    }}></div>
 
           {/* Discord Button */}
           <Link