diff --git a/public/css/st-tailwind.css b/public/css/st-tailwind.css
index b505fccd6..fe6258bd6 100644
--- a/public/css/st-tailwind.css
+++ b/public/css/st-tailwind.css
@@ -404,6 +404,7 @@
 
 .widthFitContent {
     width: fit-content;
+    min-width: fit-content;
 }
 
 .flexGap5 {
@@ -416,4 +417,4 @@
 
 .opacity1 {
     opacity: 1 !important;
-}
+}
\ No newline at end of file
diff --git a/public/index.html b/public/index.html
index 18376a045..979579399 100644
--- a/public/index.html
+++ b/public/index.html
@@ -2099,8 +2099,8 @@
                             <h4 data-i18n="Context Template">
                                 Context Template
                             </h4>
-                            <div class="preset_buttons">
-                                <select id="context_presets" data-preset-manager-for="context" class="flex1"></select>
+                            <div class="preset_buttons flex-container">
+                                <select id="context_presets" data-preset-manager-for="context" class="flex1 widthFitContent"></select>
                                 <input type="file" hidden data-preset-manager-file="context" accept=".json, .settings">
                                 <i id="context_set_default" class="menu_button fa-solid fa-heart" title="Auto-select this preset for Instruct Mode."></i>
                                 <i data-newbie-hidden data-preset-manager-update="context" class="menu_button fa-solid fa-save" title="Update current preset" data-i18n="[title]Update current preset"></i>
@@ -4428,4 +4428,4 @@
     </script>
 </body>
 
-</html>
+</html>
\ No newline at end of file