fixed order

app.py

@@ -44,19 +44,19 @@ with gr.Blocks() as iface:
                 "detective. You use formal language and are very well educated in history, especially medieval "
                 "history. You have a bubbly personality. "]
 
-    i = 0
-    while i < len(roles):
-        with gr.Row():
-            with gr.Column(scale=2):
-                questionCounter = gr.Label(value="Remaining Questions: 24")
-                finishButton = gr.Button()
-            with gr.Column(scale=8):
+    with gr.Row():
+        with gr.Column(scale=2):
+            questionCounter = gr.Label(value="Remaining Questions: 24")
+            finishButton = gr.Button()
+        with gr.Column(scale=8):
+            i = 0
+            while i < len(roles):
                 with gr.Tab(roles[i]):
                     chatbot.append(gr.Chatbot())
                     msg.append(gr.Textbox())
                 i += 1
-            with gr.Column(scale=2):
-                characterImage = gr.Image()
+        with gr.Column(scale=2):
+            characterImage = gr.Image()
 
     def user(user_message, history):
         return "", history + [[user_message, None]]