# Keyboard deforming design components **URL:** \ **Category:** Questions about Thunkable X\ **Tags:** beginner, question, help, i\_need\_your\_help\ **Created:** [April 13, 2021, 7:14am UTC](https://community.thunkable.com/t/keyboard-deforming-design-components/1220920 "2021-04-13T07:14:30Z")\ **Posts on this page:** 9\ **Page:** 1
**Author:** ![jakeheron](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jakeheron/32/116818_2.png) [@jakeheron](https://community.thunkable.com/u/jakeheron)\ **Post date:** [April 13, 2021, 7:14am UTC](https://community.thunkable.com/t/keyboard-deforming-design-components/1220920/1 "2021-04-13T07:14:30Z")
Hello, I have extensively read many posts in this topic but I have yet to see a consistent, straightforward solution to this problem. When I click on a text input, the keyboard squashes the columns causing all the components to overlap each other. Below is an image to illustrate: ![Screenshot_20210413-140610_Thunkable](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/2/b/2bc067c92e1cf1a700d37aac3f3ff92c8c12963f.jpeg) ![Screenshot_20210413-140604_Thunkable](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/d/3/d3e3ef91577e01468b8f03a1dde0ebddd7cffb5e.jpeg) I understand from reading through different posts that the solution may lie in the ‘overflow’ or ‘scrollable’ settings, however, I have altered these settings for a while and nothing seems to work. If someone could show a straightforward way of solving this issue, it would be much appreciated. Thanks! ---
**Author:** ![codeswept](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/codeswept/32/87755_2.png) [@codeswept](https://community.thunkable.com/u/codeswept)\ **Post date:** [April 13, 2021, 7:20am UTC](https://community.thunkable.com/t/keyboard-deforming-design-components/1220920/2 "2021-04-13T07:20:34Z")
Have you set the column’s height to Absolute? ---
**Author:** ![jakeheron](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jakeheron/32/116818_2.png) [@jakeheron](https://community.thunkable.com/u/jakeheron)\ **Post date:** [April 13, 2021, 7:47am UTC](https://community.thunkable.com/t/keyboard-deforming-design-components/1220920/3 "2021-04-13T07:47:45Z")
Thank you for the reply. Would i need to set all columns height to absolute, or just the columns that contain components? ---
**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\ **Post date:** [April 13, 2021, 7:50am UTC](https://community.thunkable.com/t/keyboard-deforming-design-components/1220920/4 "2021-04-13T07:50:03Z")
Hi @jakeheron , I’ve seen similar behaviour to this in the past but this might be new? Are you using groups and the drag and drop editor? Thanks ---
**Author:** ![jakeheron](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jakeheron/32/116818_2.png) [@jakeheron](https://community.thunkable.com/u/jakeheron)\ **Post date:** [April 13, 2021, 7:51am UTC](https://community.thunkable.com/t/keyboard-deforming-design-components/1220920/5 "2021-04-13T07:51:51Z")
Hi, I am using the old snap UI, however, I have experienced similar issues using the drag and drop UI . ---
**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\ **Post date:** [April 13, 2021, 7:54am UTC](https://community.thunkable.com/t/keyboard-deforming-design-components/1220920/6 "2021-04-13T07:54:25Z")
> [@jakeheron](#): > > Would i need to set all columns height to absolute If some are relative and some are absolute then the relative ones will get “squashed” when the keyboard which probably explains what’s happening here. ---
**Author:** ![jakeheron](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jakeheron/32/116818_2.png) [@jakeheron](https://community.thunkable.com/u/jakeheron)\ **Post date:** [April 13, 2021, 7:56am UTC](https://community.thunkable.com/t/keyboard-deforming-design-components/1220920/7 "2021-04-13T07:56:05Z")
Alright, thanks for your help, I will try this. What exactly is the difference between relative and absolute? ---
**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\ **Post date:** [April 13, 2021, 8:44am UTC](https://community.thunkable.com/t/keyboard-deforming-design-components/1220920/8 "2021-04-13T08:44:20Z")
Absolute means that it’s the exact size specified by you when you design your app, relative means that it depends on the amount of space available on screen See more in the docs here: [https://docs.thunkable.com/intro-to-sizing](https://docs.thunkable.com/intro-to-sizing) ---
**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\ **Post date:** [November 8, 2024, 1:25pm UTC](https://community.thunkable.com/t/keyboard-deforming-design-components/1220920/9 "2024-11-08T13:25:19Z")