diff --git a/examples/server/public_simplechat/simplechat.css b/examples/server/public_simplechat/simplechat.css
index 5c5ea48a4..f7ea6ec23 100644
--- a/examples/server/public_simplechat/simplechat.css
+++ b/examples/server/public_simplechat/simplechat.css
@@ -12,8 +12,8 @@
 .role-user {
     background-color: lightgray;
 }
-.wideinput {
-    width: 90vw;
+.flex-grow {
+    flex-grow: 1;
 }
 .float-right {
     float: right;
@@ -22,6 +22,13 @@
     height: 75vh;
     overflow: scroll;
 }
-* {
-    margin: 0.4vh;
+button {
+    min-width: 8vw;
+}
+.sameline {
+    display: flex;
+    flex-direction: row;
+}
+* {
+    margin: 0.6vmin;
 }
diff --git a/examples/server/public_simplechat/simplechat.html b/examples/server/public_simplechat/simplechat.html
index 908bd74bd..4bfcadb01 100644
--- a/examples/server/public_simplechat/simplechat.html
+++ b/examples/server/public_simplechat/simplechat.html
@@ -13,18 +13,20 @@
     </head>
     <body>
 
-        <div class="float-right">
-            <label for="api-ep">Mode:</label>
-            <select name="api-ep" id="api-ep">
-              <option value="chat" selected>Chat</option>
-              <option value="completion">Completion</option>
-            </select>
+        <div class="sameline">
+            <p class="heading flex-grow" > <b> SimpleChat </b> </p>
+            <div class="sameline">
+                <label for="api-ep">Mode:</label>
+                <select name="api-ep" id="api-ep">
+                <option value="chat" selected>Chat</option>
+                <option value="completion">Completion</option>
+                </select>
+            </div>
         </div>
-        <p class="heading" > <b> SimpleChat </b> </p>
 
-        <div>
+        <div class="sameline">
             <label for="system">System</label>
-            <input type="text" name="system" id="system" class="wideinput"/>
+            <input type="text" name="system" id="system" class="flex-grow"/>
         </div>
         <hr>
         <div id="chat">
@@ -34,8 +36,8 @@
         </div>
 
         <hr>
-        <div>
-            <input type="text" id="user" class="wideinput" />
+        <div class="sameline">
+            <input type="text" id="user" class="flex-grow" />
             <button id="submit">submit</button>
         </div>
     </body>
