diff --git a/config.conf b/config.conf
index ca838712f..17c6064bd 100644
--- a/config.conf
+++ b/config.conf
@@ -1,7 +1,7 @@
 
 const port = 8000;
 const whitelist = ['127.0.0.1','192.168.0.*']; //Example for add several IP in whitelist: ['127.0.0.1', '192.168.0.10']
-const whitelistMode = false//Disabling enabling the ip whitelist mode. true/false
+const whitelistMode = false; //Disabling enabling the ip whitelist mode. true/false
 const autorun = true; //Autorun in the browser. true/false
 const enableExtensions = true; //Enables support for TavernAI-extras project
 const listen = true; // If true, Can be access from other device or PC. otherwise can be access only from hosting machine.
diff --git a/public/script.js b/public/script.js
index ed17f64ff..15eea76a6 100644
--- a/public/script.js
+++ b/public/script.js
@@ -4189,4 +4189,10 @@ $(document).ready(function () {
 
         }
     });
+
+    $(document).on('click', '.inline-drawer-toggle', function () {
+        var icon = $(this).find('.inline-drawer-icon');
+        icon.toggleClass('down up');
+        $(this).closest('.inline-drawer').find('.inline-drawer-content').slideToggle();
+    });
 })
diff --git a/public/scripts/extensions/expressions/index.js b/public/scripts/extensions/expressions/index.js
index c6bf2b706..f4c97c67a 100644
--- a/public/scripts/extensions/expressions/index.js
+++ b/public/scripts/extensions/expressions/index.js
@@ -202,8 +202,16 @@ async function setExpression(character, expression) {
         const html = `
         <div class="expression_settings">
             <h4>Expression images</h4>
-            <ul id="image_list"></ul>
-            <p><b>Hint:</b> <i>Create new folder in the <tt>public/characters/</tt> folder and name it as the name of the character. Put PNG images with expressions there.</i></p>
+            <div class="inline-drawer">
+            <div class="inline-drawer-toggle inline-drawer-header">
+                <b>View supported images</b>
+                <div class="inline-drawer-icon down"></div>
+            </div>
+            <div class="inline-drawer-content">
+                <ul id="image_list"></ul>
+                <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 PNG images with expressions there.</i></p>
+                </div>
+            </div>
             <label for="expressions_show_default"><input id="expressions_show_default" type="checkbox">Show default images (emojis) if missing</label>
         </div>
         `;
diff --git a/public/scripts/extensions/expressions/style.css b/public/scripts/extensions/expressions/style.css
index 903ed294c..4875821c6 100644
--- a/public/scripts/extensions/expressions/style.css
+++ b/public/scripts/extensions/expressions/style.css
@@ -45,12 +45,9 @@ img.expression {
     color: red;
 }
 
-.expression_settings {
-    white-space: pre-line;
-}
-
 .expression_settings p {
-    margin-bottom: 0px;
+    margin-top: 0.5rem;
+    margin-bottom: 0.5rem;
 }
 
 .expression_settings label {
diff --git a/public/scripts/extensions/memory/index.js b/public/scripts/extensions/memory/index.js
index 69738711c..a22514b91 100644
--- a/public/scripts/extensions/memory/index.js
+++ b/public/scripts/extensions/memory/index.js
@@ -320,24 +320,32 @@ function setMemoryContext(value, saveToMessage) {
 $(document).ready(function () {
     function addExtensionControls() {
         const settingsHtml = `
-        <h4>Memory</h4>
         <div id="memory_settings">
+            <h4>Memory</h4>
             <label for="memory_contents">Memory contents</label>
             <textarea id="memory_contents" class="text_pole" rows="8" placeholder="Context will be generated here..."></textarea>
             <div class="memory_contents_controls">
                 <input id="memory_restore" class="menu_button" type="submit" value="Restore previous state" />
                 <label for="memory_frozen"><input id="memory_frozen" type="checkbox" /> Freeze context</label>
             </div>
-            <label for="memory_short_length">Memory summarization [short-term] length (<span id="memory_short_length_tokens"></span> tokens)</label>
-            <input id="memory_short_length" type="range" value="${defaultSettings.shortMemoryLength}" min="${defaultSettings.minShortMemory}" max="${defaultSettings.maxShortMemory}" step="${defaultSettings.shortMemoryStep}" />
-            <label for="memory_long_length">Memory context [long-term] length (<span id="memory_long_length_tokens"></span> tokens)</label>
-            <input id="memory_long_length" type="range" value="${defaultSettings.longMemoryLength}" min="${defaultSettings.minLongMemory}" max="${defaultSettings.maxLongMemory}" step="${defaultSettings.longMemoryStep}" />
-            <label for="memory_temperature">Summarization temperature (<span id="memory_temperature_value"></span>)</label>
-            <input id="memory_temperature" type="range" value="${defaultSettings.temperature}" min="${defaultSettings.minTemperature}" max="${defaultSettings.maxTemperature}" step="${defaultSettings.temperatureStep}" />
-            <label for="memory_repetition_penalty">Summarization repetition penalty (<span id="memory_repetition_penalty_value"></span>)</label>
-            <input id="memory_repetition_penalty" type="range" value="${defaultSettings.repetitionPenalty}" min="${defaultSettings.minRepetitionPenalty}" max="${defaultSettings.maxRepetitionPenalty}" step="${defaultSettings.repetitionPenaltyStep}" />
-            <label for="memory_length_penalty">Summarization length penalty (<span id="memory_length_penalty_value"></span>)</label>
-            <input id="memory_length_penalty" type="range" value="${defaultSettings.lengthPenalty}" min="${defaultSettings.minLengthPenalty}" max="${defaultSettings.maxLengthPenalty}" step="${defaultSettings.lengthPenaltyStep}" />
+            <div class="inline-drawer">
+                <div class="inline-drawer-toggle inline-drawer-header">
+                    <b>Summarization settings</b>
+                    <div class="inline-drawer-icon down"></div>
+                </div>
+                <div class="inline-drawer-content">
+                    <label for="memory_short_length">Memory summarization [short-term] length (<span id="memory_short_length_tokens"></span> tokens)</label>
+                    <input id="memory_short_length" type="range" value="${defaultSettings.shortMemoryLength}" min="${defaultSettings.minShortMemory}" max="${defaultSettings.maxShortMemory}" step="${defaultSettings.shortMemoryStep}" />
+                    <label for="memory_long_length">Memory context [long-term] length (<span id="memory_long_length_tokens"></span> tokens)</label>
+                    <input id="memory_long_length" type="range" value="${defaultSettings.longMemoryLength}" min="${defaultSettings.minLongMemory}" max="${defaultSettings.maxLongMemory}" step="${defaultSettings.longMemoryStep}" />
+                    <label for="memory_temperature">Summarization temperature (<span id="memory_temperature_value"></span>)</label>
+                    <input id="memory_temperature" type="range" value="${defaultSettings.temperature}" min="${defaultSettings.minTemperature}" max="${defaultSettings.maxTemperature}" step="${defaultSettings.temperatureStep}" />
+                    <label for="memory_repetition_penalty">Summarization repetition penalty (<span id="memory_repetition_penalty_value"></span>)</label>
+                    <input id="memory_repetition_penalty" type="range" value="${defaultSettings.repetitionPenalty}" min="${defaultSettings.minRepetitionPenalty}" max="${defaultSettings.maxRepetitionPenalty}" step="${defaultSettings.repetitionPenaltyStep}" />
+                    <label for="memory_length_penalty">Summarization length penalty (<span id="memory_length_penalty_value"></span>)</label>
+                    <input id="memory_length_penalty" type="range" value="${defaultSettings.lengthPenalty}" min="${defaultSettings.minLengthPenalty}" max="${defaultSettings.maxLengthPenalty}" step="${defaultSettings.lengthPenaltyStep}" />
+                </div>
+            </div>
         </div>
         `;
         $('#extensions_settings').append(settingsHtml);
diff --git a/public/style.css b/public/style.css
index 326965a92..16265fad3 100644
--- a/public/style.css
+++ b/public/style.css
@@ -2744,10 +2744,37 @@ filter: invert(20%) sepia(100%) saturate(2518%) hue-rotate(353deg) brightness(93
     opacity: 1;
 }
 
-/* .drawer-header {
+.inline-drawer {
+    padding-bottom: 10px;
+}
+
+.inline-drawer-icon {
+    display: block;
+    cursor: pointer;
+    width: 26px;
+    height: 26px;
+    background-size: cover;
+    background-repeat: no-repeat;
+    filter: invert(1) brightness(75%);
+}
+
+.inline-drawer-icon.up {
+    background-image: url('img/circle-chevron-up-solid.svg');
+}
+
+.inline-drawer-icon.down {
+    background-image: url('img/circle-chevron-down-solid.svg');
+}
+
+.inline-drawer-header {
     display: flex;
+    justify-content: space-between;
     align-items: center;
-} */
+}
+
+.inline-drawer-content {
+    display: none;
+}
 
 .drawer-content {
     background-color: var(--black50a);