Update app.py

app.py

@@ -434,9 +434,13 @@ a[href*="api"], .api-button, #api-button {
     width: 40%;
     z-index: 9999;
 
-    max-height: 400px;   
+}
+.scrollable-prompts {
+    flex: 1;
     overflow-y: auto;
+    padding: 10px;
 }
+
 #suggested_prompts_btn {
     background: #D46BCA !important;
     color: white !important;
@@ -501,12 +505,13 @@ with gr.Blocks(css=css) as demo:
                 show_prompts_btn = gr.Button("💡 Suggested Prompts", elem_id="suggested_prompts_btn")
 
             with gr.Group(visible=False, elem_id="prompt_suggestions_box") as prompt_suggestions:
-                gr.Markdown("### Suggested Prompts")
+                with gr.Column(elem_classes="scrollable-prompts"):
+                    gr.Markdown("### Suggested Prompts")
 
                 # theme_buttons = [gr.Button(theme, visible=False) for theme in man_prompts.keys()]
-                for theme in man_prompts.keys():  # initially load man themes
-                   btn = gr.Button(theme, visible=False)
-                   theme_buttons.append(btn)
+                    for theme in man_prompts.keys():  # initially load man themes
+                       btn = gr.Button(theme, visible=False)
+                       theme_buttons.append(btn)
                 #     theme_buttons.append(gr.Button(theme))
                 # prompt_buttons = []
                 # for s in suggestions: