diff --git a/css/main.css b/css/main.css
index 2e8d31ad..93950e2e 100644
--- a/css/main.css
+++ b/css/main.css
@@ -1645,3 +1645,15 @@ button:focus {
     justify-content: center;
     display: none;
 }
+
+#character-context textarea {
+    height: calc((100vh - 400px) * 2/3) !important;
+}
+
+#character-greeting textarea {
+    height: calc((100vh - 400px) * 1/3) !important;
+}
+
+#user-description textarea {
+    height: calc(100vh - 281px) !important;
+}
diff --git a/modules/ui_chat.py b/modules/ui_chat.py
index 3b841b8b..9bbe2507 100644
--- a/modules/ui_chat.py
+++ b/modules/ui_chat.py
@@ -125,12 +125,12 @@ def create_chat_settings_ui():
                         shared.gradio['restore_character'] = gr.Button('Restore character', elem_classes='refresh-button', interactive=True, elem_id='restore-character')
 
                     shared.gradio['name2'] = gr.Textbox(value=shared.settings['name2'], lines=1, label='Character\'s name')
-                    shared.gradio['context'] = gr.Textbox(value=shared.settings['context'], lines=10, label='Context', elem_classes=['add_scrollbar'])
-                    shared.gradio['greeting'] = gr.Textbox(value=shared.settings['greeting'], lines=5, label='Greeting', elem_classes=['add_scrollbar'])
+                    shared.gradio['context'] = gr.Textbox(value=shared.settings['context'], lines=10, label='Context', elem_classes=['add_scrollbar'], elem_id="character-context")
+                    shared.gradio['greeting'] = gr.Textbox(value=shared.settings['greeting'], lines=5, label='Greeting', elem_classes=['add_scrollbar'], elem_id="character-greeting")
 
                 with gr.Tab("User"):
                     shared.gradio['name1'] = gr.Textbox(value=shared.settings['name1'], lines=1, label='Name')
-                    shared.gradio['user_bio'] = gr.Textbox(value=shared.settings['user_bio'], lines=10, label='Description', info='Here you can optionally write a description of yourself.', placeholder='{{user}}\'s personality: ...', elem_classes=['add_scrollbar'])
+                    shared.gradio['user_bio'] = gr.Textbox(value=shared.settings['user_bio'], lines=10, label='Description', info='Here you can optionally write a description of yourself.', placeholder='{{user}}\'s personality: ...', elem_classes=['add_scrollbar'], elem_id="user-description")
 
                 with gr.Tab('Chat history'):
                     with gr.Row():