diff --git a/frontend/src/components/HeroSection.css b/frontend/src/components/HeroSection.css
index d337b72..618fd32 100644
--- a/frontend/src/components/HeroSection.css
+++ b/frontend/src/components/HeroSection.css
@@ -30,6 +30,7 @@
   display: flex;
   flex-direction: column;
   flex-wrap: wrap;
+  min-width: 60%;
 }
 
 .hero-btns .btn {
diff --git a/frontend/src/components/HeroSection.js b/frontend/src/components/HeroSection.js
index d9b1737..be197eb 100644
--- a/frontend/src/components/HeroSection.js
+++ b/frontend/src/components/HeroSection.js
@@ -13,7 +13,14 @@ function HeroSection() {
       <h1>Herzlich Willkommen</h1>
       <div className="hero-btns">
         {isLoggedIn ? (
-          console.log("Logged in")
+          <Button
+            className="btns"
+            buttonStyle="btn--primary"
+            buttonSize="btn--large"
+            newTo="behavior"
+          >
+            Zur Studie
+          </Button>
         ) : (
           <>
             <Button