diff --git a/cmd/creator-web/static/assets/chat.css b/cmd/creator-web/static/assets/chat.css
index 0fe6483..b0e9cd9 100644
--- a/cmd/creator-web/static/assets/chat.css
+++ b/cmd/creator-web/static/assets/chat.css
@@ -128,9 +128,12 @@ textarea { resize: vertical; min-height: 84px; max-height: 240px; padding: 14px;
   .chat-header .cognitive-console-link { flex: 0 1 110px; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
   .chat-header > .operator-link, .build-meta { display: none; }
   .chat-header > #logout { flex: 0 0 38px; }
-  .chat-layout { height: auto; display: block; }
+  .chat-layout { height: auto; display: flex; flex-direction: column; }
+  .chat-main { order: 1; }
   .chat-side, .chat-main { min-height: auto; max-height: none; overflow: visible; }
   .chat-left, .chat-right { border: 0; border-bottom: 1px solid var(--line); }
+  .chat-left { order: 2; }
+  .chat-right { order: 3; }
   .chat-main { height: 70vh; min-height: 520px; }
   .chat-left { padding-bottom: 20px; }
   .chat-right { padding-top: 20px; }