diff --git a/app/frontend/templates/panel/server_files.html b/app/frontend/templates/panel/server_files.html
index 45e02ced..c1e7e197 100644
--- a/app/frontend/templates/panel/server_files.html
+++ b/app/frontend/templates/panel/server_files.html
@@ -212,7 +212,9 @@
                 display: none;
               }
 
-              html, body, body > .container-scroller {
+              html,
+              body,
+              body>.container-scroller {
                 overflow: initial;
               }
 
@@ -221,7 +223,9 @@
                 position: sticky;
               }
             </style>
-            <div class="col-md-6 col-sm-12">
+            <div id="editor_container" class="col-md-6 col-sm-12">
+              <br>
+              <br>
               <div class="editorManager">
                 <h2 id="fileError"></h2>
                 <div id="editorParent">
@@ -239,11 +243,14 @@
                     data-handler-name="ace/keyboard/emacs">Emacs</button>
                   <button onclick="setKeyboard(event.target)" class="btn btn-secondary"
                     data-handler-name="ace/keyboard/sublime">Sublime</button>
+                  &nbsp;&nbsp;&nbsp;<button class="d-none d-md-block btn btn-info" id="screen-size">Toggle Editor
+                    Size</button>
                 </div>
                 <h3 id="file_warn"></h3>
+                </button>
                 <button class="btn btn-success" onclick="save()"><i class="fas fa-save"></i> {{ translate('serverFiles',
-                  'save', data['lang']) }}</button>
-                <span style="color: #2fb689; margin-left: 10px;" id="save_status"></span>
+                  'save', data['lang']) }}
+                  <span style="color: #2fb689; margin-left: 10px;" id="save_status"></span>
               </div>
             </div>
           </div>
@@ -285,7 +292,7 @@
       mac: 'Command-S',
       sender: 'editor|cli'
     },
-    exec: function(env, args, request) {
+    exec: function (env, args, request) {
       save()
     }
   });
@@ -408,6 +415,7 @@
           setFileName(event.target.innerText);
           editor.session.setValue(json.content);
           serverFileContent = json.content;
+          setSaveStatus(true);
         }
       },
     });
@@ -530,8 +538,10 @@
     document.getElementById('save_status').style.color = saved ? '#2fb689' : 'gray';
   }
   ['change', 'undo', 'redo'].forEach(event => editor.on(event, (event) => setSaveStatus(serverFileContent === editor.session.getValue())))
+  $('#screen-size').on('click', function (e) {
+    $('#editor_container').toggleClass(`col-md-6`)
 
-
+  });
   setFileName();
   $('#editorParent').toggle(false) // show
   $('#fileError').toggle(false)    // hide
@@ -1097,7 +1107,7 @@
     if (handlerName == 'null') handlerName = null;
     editor.setKeyboardHandler(handlerName, () => {
       if (handlerName == 'ace/keyboard/vim') {
-        require("ace/keyboard/vim").Vim.defineEx('write', 'w', function() {
+        require("ace/keyboard/vim").Vim.defineEx('write', 'w', function () {
           save();
         });
       }
@@ -1117,4 +1127,4 @@
 
 </script>
 
-{% end %}
+{% end %}
\ No newline at end of file