diff --git a/ui/index.html b/ui/index.html
index f50e9204..581f91f2 100644
--- a/ui/index.html
+++ b/ui/index.html
@@ -4,7 +4,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="icon" type="image/png" href="/media/favicon-16x16.png" sizes="16x16">
     <link rel="icon" type="image/png" href="/media/favicon-32x32.png" sizes="32x32">
-    <link rel="stylesheet" href="/media/main.css?v=23">
+    <link rel="stylesheet" href="/media/main.css?v=24">
     <link rel="stylesheet" href="/media/modifier-thumbnails.css?v=1">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css">
     <link rel="stylesheet" href="/media/drawingboard.min.css">
@@ -16,7 +16,7 @@
 <div id="container">
     <div id="top-nav">
         <div id="logo">
-            <h1>Stable Diffusion UI <small>v2.23 <span id="updateBranchLabel"></span></small></h1>
+            <h1>Stable Diffusion UI <small>v2.24 <span id="updateBranchLabel"></span></small></h1>
         </div>
         <ul id="top-nav-items">
             <li class="dropdown">
@@ -229,7 +229,7 @@
 </div>
 </body>
 
-<script src="media/main.js?v=34"></script>
+<script src="media/main.js?v=35"></script>
 <script>
 async function init() {
     await loadModifiers()
diff --git a/ui/media/main.css b/ui/media/main.css
index 684ad311..c2b777cc 100644
--- a/ui/media/main.css
+++ b/ui/media/main.css
@@ -101,7 +101,7 @@ a:visited {
     color: rgb(0, 102, 204);
 }
 label {
-    font-size: 10pt;
+    font-size: 9pt;
 }
 #prompt {
     width: 100%;
@@ -262,7 +262,7 @@ label {
     flex: 50%;
 }
 .col-fixed-10 {
-    flex: 0 0 380pt;
+    flex: 0 0 350pt;
 }
 .col-free {
     flex: 1;
@@ -570,6 +570,7 @@ textarea {
     background: var(--input-background-color);
     border: var(--input-border-size) solid var(--input-border-color); 
     color: var(--input-text-color);
+    font-size: 9pt;
 }
 
 input {