diff --git a/src/routes/onboarding/steps/done-page.tsx b/src/routes/onboarding/steps/done-page.tsx
index 4a932547..addc388d 100644
--- a/src/routes/onboarding/steps/done-page.tsx
+++ b/src/routes/onboarding/steps/done-page.tsx
@@ -17,7 +17,7 @@ export default function DonePage({ serverName }: { serverName: string }) {
           <span className="font-bold" />
         </Trans>
       </span>
-      <StyledButton className="!w-32 flex flex-col items-center py-3" onClick={() => navigate("/")}>
+      <StyledButton className="!w-32 h-auto flex flex-col items-center py-3" onClick={() => navigate("/")}>
         <img className="mb-2" src={PlayIcon} alt="play icon" />
         <span className="text-sm">{t("enter")}</span>
       </StyledButton>
diff --git a/src/routes/onboarding/steps/welcome-page.tsx b/src/routes/onboarding/steps/welcome-page.tsx
index 9b84c813..9985ddca 100644
--- a/src/routes/onboarding/steps/welcome-page.tsx
+++ b/src/routes/onboarding/steps/welcome-page.tsx
@@ -13,7 +13,7 @@ export default function WelcomePage() {
       <span className="text-sm mb-6">
         {t("welcome_desc")}
       </span>
-      <StyledButton className="!w-32 flex flex-col gap-2 items-center py-3 text-sm" onClick={nextStep}>
+      <StyledButton className="!w-32 h-auto flex flex-col gap-2 items-center py-3 text-sm" onClick={nextStep}>
         <img src={PlayIcon} alt="play icon" />
         <span>{t("start")}</span>
       </StyledButton>