diff --git a/public/scripts/extensions/expressions/index.js b/public/scripts/extensions/expressions/index.js
index 0082637d2..f799c7fec 100644
--- a/public/scripts/extensions/expressions/index.js
+++ b/public/scripts/extensions/expressions/index.js
@@ -541,7 +541,8 @@ async function moduleWorker() {
 
     const offlineMode = $('.expression_settings .offline_mode');
     if (!modules.includes('classify') && !extension_settings.expressions.local) {
-        $('.expression_settings').show();
+        $('#open_chat_expressions').show();
+        $('#no_chat_expressions').hide();
         offlineMode.css('display', 'block');
         lastCharacter = context.groupId || context.characterId;
 
@@ -828,7 +829,8 @@ function removeExpression() {
     $('img.expression').off('error');
     $('img.expression').prop('src', '');
     $('img.expression').removeClass('default');
-    $('.expression_settings').hide();
+    $('#open_chat_expressions').hide();
+    $('#no_chat_expressions').show();
 }
 
 async function validateImages(character, forceRedrawCached) {
@@ -854,9 +856,11 @@ async function validateImages(character, forceRedrawCached) {
 
 function drawSpritesList(character, labels, sprites) {
     let validExpressions = [];
-    $('.expression_settings').show();
+    $('#no_chat_expressions').hide();
+    $('#open_chat_expressions').show();
     $('#image_list').empty();
     $('#image_list').data('name', character);
+    $('#image_list_header_name').text(character);
 
     if (!Array.isArray(labels)) {
         return [];
@@ -1329,7 +1333,7 @@ function setExpressionOverrideHtml(forceClear = false) {
         $(document).on('click', '.expression_list_upload', onClickExpressionUpload);
         $(document).on('click', '.expression_list_delete', onClickExpressionDelete);
         $(window).on("resize", updateVisualNovelModeDebounced);
-        $('.expression_settings').hide();
+        $("#open_chat_expressions").hide();
 
         $('#image_type_toggle').on('click', function () {
             if (this instanceof HTMLInputElement) {
diff --git a/public/scripts/extensions/expressions/settings.html b/public/scripts/extensions/expressions/settings.html
index 5ecd2e971..f52f415fc 100644
--- a/public/scripts/extensions/expressions/settings.html
+++ b/public/scripts/extensions/expressions/settings.html
@@ -10,31 +10,42 @@
                 <input id="expression_local" type="checkbox" />
                 <span data-i18n="Local server classification">Local server classification</span>
             </label>
+            <label class="checkbox_label" for="expressions_show_default">
+                <input id="expressions_show_default" type="checkbox">
+                <span>Show default images (emojis) if sprite missing</span>
+            </label>
             <label id="image_type_block" class="checkbox_label" for="image_type_toggle">
                 <input id="image_type_toggle" type="checkbox">
                 <span>Image Type - talkinghead (extras)</span>
             </label>
-            <div class="offline_mode">
-                <small>You are in offline mode. Click on the image below to set the expression.</small>
+            <div id="no_chat_expressions">
+                Open a chat to see the character expressions.
             </div>
-            <div class="flex-container flexnowrap">
-                <input id="expression_override" type="text" class="text_pole" placeholder="Override folder name" />
-                <input id="expression_override_button" class="menu_button" type="submit" value="Submit" />
-            </div>
-            <div id="image_list"></div>
-            <div class="expression_buttons flex-container spaceEvenly">
-                <div id="expression_upload_pack_button" class="menu_button">
-                    <i class="fa-solid fa-file-zipper"></i>
-                    <span>Upload sprite pack (ZIP)</span>
+            <div id="open_chat_expressions">
+                <div class="offline_mode">
+                    <small>You are in offline mode. Click on the image below to set the expression.</small>
                 </div>
-                <div id="expression_override_cleanup_button" class="menu_button">
-                    <i class="fa-solid fa-trash-can"></i>
-                    <span>Remove all image overrides</span>
+                <div class="flex-container flexnowrap">
+                    <input id="expression_override" type="text" class="text_pole" placeholder="Override folder name" />
+                    <input id="expression_override_button" class="menu_button" type="submit" value="Submit" />
                 </div>
+                <h3 id="image_list_header">
+                    <strong>Sprite set:</strong>&nbsp;<span id="image_list_header_name"></span>
+                </h3>
+                <div id="image_list"></div>
+                <div class="expression_buttons flex-container spaceEvenly">
+                    <div id="expression_upload_pack_button" class="menu_button">
+                        <i class="fa-solid fa-file-zipper"></i>
+                        <span>Upload sprite pack (ZIP)</span>
+                    </div>
+                    <div id="expression_override_cleanup_button" class="menu_button">
+                        <i class="fa-solid fa-trash-can"></i>
+                        <span>Remove all image overrides</span>
+                    </div>
+                </div>
+                <p class="hint"><b>Hint:</b> <i>Create new folder in the <b>public/characters/</b> folder and name it as the name of the character.
+                Put images with expressions there. File names should follow the pattern: <tt>[expression_label].[image_format]</tt></i></p>
             </div>
-            <p class="hint"><b>Hint:</b> <i>Create new folder in the <b>public/characters/</b> folder and name it as the name of the character.
-            Put images with expressions there. File names should follow the pattern: <tt>[expression_label].[image_format]</tt></i></p>
-            <label for="expressions_show_default"><input id="expressions_show_default" type="checkbox">Show default images (emojis) if missing</label>
         </div>
     </div>
     <form>
diff --git a/public/scripts/extensions/expressions/style.css b/public/scripts/extensions/expressions/style.css
index 56909c632..d29ec2767 100644
--- a/public/scripts/extensions/expressions/style.css
+++ b/public/scripts/extensions/expressions/style.css
@@ -51,6 +51,17 @@
     display: flex;
 }
 
+#no_chat_expressions {
+    text-align: center;
+    margin: 10px 0;
+    font-weight: bold;
+    opacity: 0.8;
+}
+
+#image_list_header_name {
+    font-weight: 400;
+}
+
 img.expression {
     min-width: 100px;
     min-height: 100px;
@@ -180,4 +191,4 @@ img.expression.default {
     div.expression {
         display: none;
     }
-}
\ No newline at end of file
+}