Onboarding screen stuck after HF login โ€“ "Start session" button hidden by CSS overflow

#19
by rdjarbeng - opened

Issue description

After signing in with my Hugging Face account and successfully joining the ML Agent Explorers org, the onboarding flow gets stuck on the final screen.

  • The "Start session" button is not visible.
  • The screen appears to load, but nothing happens and I cannot proceed to use the ML Intern app.
  • This happens consistently on desktop Chrome ( 147.0.7727.56 (Official Build) (64-bit)) at resolution 1366x768.

Reproduction steps:

  1. Go to https://smolagents-ml-intern.hf.space (or the main Space: https://huggingface.co/spaces/smolagents/ml-intern)
  2. Sign in with Hugging Face
  3. Join the ML Agent Explorers organization when prompted
  4. Reach the final onboarding / welcome screen
  5. "Start session" button is missing / inaccessible

Root cause (already identified):
The container has overflow: hidden applied in the CSS, which clips the button (and possibly other elements) out of view. I was able to bypass it temporarily by manually editing the styles in browser dev tools (removing overflow: hidden from the relevant parent container), after which the button appeared and the session started normally.

This seems like a simple layout / responsive issue that probably affects a non-negligible portion of users (especially on certain screen sizes or zoom levels). This effectively prevents users from using the application after signing up since the "Start session" button is not visiable

Screenshots / Additional info:

Screenshot of the button hidden after signup, notice the small yellow portion at the bottom of the card indicating that there is an additional section not visible
ML intern screenshot button hidden after signup

Screenshot of the page after setting the overflow to auto using the developer tools so the items can scroll
Screenshot 2026-04-24 001801
Screenshot of the app page after clicking the button that now enables me to start prompting
Screenshot 2026-04-24 002933

Suggested fix:
Add proper scrolling (overflow: auto or overflow-y: auto), increase container height, or adjust padding/margins so the CTA button is always visible without requiring dev tools hacks.

This would greatly improve the first-time user experience, especially since the app is getting a lot of attention right now.
WIll also improve the dev workflow since everytime I start fresh I have to open up the developer console just to be able to make a button visible

Happy to provide more details or test any patches!

Thanks for building such a cool tool ๐Ÿš€

your fix worked and this is a REALLY good agent tbh

Sign up or log in to comment