# How to make UI Overlay font-size responsive in 8th Wall Studio? **URL:** \ **Category:** Technical Support\ **Tags:** studio\ **Created:** [September 27, 2025, 8:48am UTC](https://forum.8thwall.com/t/how-to-make-ui-overlay-font-size-responsive-in-8th-wall-studio/8339 "2025-09-27T08:48:07Z")\ **Posts on this page:** 2\ **Page:** 1
**Author:** ![Revenant\_Reverie](https://avatars.discourse-cdn.com/v4/letter/r/e0b2c6/32.png) [@Revenant\_Reverie](https://forum.8thwall.com/u/Revenant_Reverie)\ **Post date:** [September 27, 2025, 8:48am UTC](https://forum.8thwall.com/t/how-to-make-ui-overlay-font-size-responsive-in-8th-wall-studio/8339/1 "2025-09-27T08:48:07Z")
Hi team, I’m using **8th Wall Studio** ’s UI Overlay. Layout scales nicely for width/height, but **font-size doesn’t scale** across devices/orientation. On small phones the text feels too big; on large tablets it’s too small. Currently I made my UI fit for Full HD, but if I use 16:10 devices, the font position offset. **Goal:** Fluid typography that scales with viewport (and respects safe areas), ideally without manually switching sizes for every breakpoint. **Questions:** - Is there a **recommended pattern** for responsive font-size in the Studio UI Overlay? - Any **official CSS hooks** or examples for fluid typography? - Does the overlay expose a **container** we can target with **container queries**? ---
**Author:** ![GeorgeButler](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.8thwall.com/georgebutler/32/1903_2.png) [@GeorgeButler](https://forum.8thwall.com/u/GeorgeButler)\ **Post date:** [September 29, 2025, 3:59pm UTC](https://forum.8thwall.com/t/how-to-make-ui-overlay-font-size-responsive-in-8th-wall-studio/8339/2 "2025-09-29T15:59:20Z")
This isn’t a built-in behavior yet, however we’re looking into it. Your best bet is to query for the window size onTick and adjust the font size accordingly.