# How to maintain component's sizes when the keyboard is shown? **URL:** \ **Category:** Questions about Thunkable X\ **Created:** [April 12, 2022, 3:58pm UTC](https://community.thunkable.com/t/how-to-maintain-components-sizes-when-the-keyboard-is-shown/1830388 "2022-04-12T15:58:20Z")\ **Posts on this page:** 6\ **Page:** 1
**Author:** ![filgueira.pholxc0u](https://avatars.discourse-cdn.com/v4/letter/f/57b2e6/32.png) [@filgueira.pholxc0u](https://community.thunkable.com/u/filgueira.pholxc0u)\ **Post date:** [April 12, 2022, 3:58pm UTC](https://community.thunkable.com/t/how-to-maintain-components-sizes-when-the-keyboard-is-shown/1830388/1 "2022-04-12T15:58:20Z")
Hi thunkers I have a front-end doubt with thunkable. How to maintain the original size of all the components in the screen when the keyboard is shown for typing the e-mail and password for example. Here are a couple of screens of my thunkable app. Thank you in advance. ![Screenshot_20220412-123909_NeoRenal](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/2/5/25bc3b0e484bc2dbde6b895eaa82a1ade7370eb5.jpeg) ![Screenshot_20220412-123917_NeoRenal](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/a/1/a1afe92bdb6a426ea20c8652eb8d0292963a7335.jpeg) ---
**Author:** ![shrey](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/shrey/32/105637_2.png) [@shrey](https://community.thunkable.com/u/shrey)\ **Post date:** [April 12, 2022, 5:10pm UTC](https://community.thunkable.com/t/how-to-maintain-components-sizes-when-the-keyboard-is-shown/1830388/2 "2022-04-12T17:10:33Z")
You can set the screen’s scrollable property to **true** ---
**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\ **Post date:** [April 12, 2022, 6:14pm UTC](https://community.thunkable.com/t/how-to-maintain-components-sizes-when-the-keyboard-is-shown/1830388/3 "2022-04-12T18:14:37Z")
Are you using the DnD (Drag and Drop) UI or the StP (Snap to Place) UI. In StP you just need to set the screen `scrollable` to **true**. In DnD you would still need to have your components inside `Group` component to maintain the sizes. ---
**Author:** ![filgueira.pholxc0u](https://avatars.discourse-cdn.com/v4/letter/f/57b2e6/32.png) [@filgueira.pholxc0u](https://community.thunkable.com/u/filgueira.pholxc0u)\ **Post date:** [April 12, 2022, 6:46pm UTC](https://community.thunkable.com/t/how-to-maintain-components-sizes-when-the-keyboard-is-shown/1830388/4 "2022-04-12T18:46:34Z")
I think it is DnD because the scrollable property didn’t solved my problem. Sorry to ask, but how can I have my components inside this “Group” component? Could you show an example? ---
**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\ **Post date:** [April 12, 2022, 6:57pm UTC](https://community.thunkable.com/t/how-to-maintain-components-sizes-when-the-keyboard-is-shown/1830388/5 "2022-04-12T18:57:32Z")
Add a `group` component to your screen then place the other components inside the `group` component. If you move the `group` component all other components inside it will move accordingly. See this ![Group Example](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/3/5/35c55e9d7f0adfa7d728aed2018c9961f13e55bb.gif) ---
**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/f/0f59f292712368bce16ff80133ae10de8a6f27e8.png) [@system](https://community.thunkable.com/u/system)\ **Post date:** [July 11, 2022, 6:57pm UTC](https://community.thunkable.com/t/how-to-maintain-components-sizes-when-the-keyboard-is-shown/1830388/6 "2022-07-11T18:57:38Z")
This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.