diff --git a/index.html b/index.html
index 1723c4d..f82e676 100644
--- a/index.html
+++ b/index.html
@@ -45,6 +45,7 @@ canvas { width: 100%; height: 100px; border-radius: 6px; display: block; }
 #tagEditorModal h3 { margin-bottom: 16px; color: #c6c8d1; font-size: 14px; font-weight: 600; }
 .tag-editor-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
 .tag-editor-fields label { display: flex; flex-direction: column; gap: 2px; margin-bottom: 0; font-size: 11px; color: #6b7089; text-transform: uppercase; letter-spacing: .4px; }
+.tag-editor-fields label.full-width { grid-column: 1 / -1; }
 #tagEditorModal input, #tagEditorModal select { background: #161821; border: 1px solid #272c42; color: #c6c8d1; padding: 6px 8px; border-radius: 4px; font-size: 12px; outline: none; }
 #tagEditorModal input:focus, #tagEditorModal select:focus { border-color: #84a0c6; }
 .tag-editor-buttons { display: flex; gap: 8px; justify-content: flex-end; margin-top: 16px; }
@@ -275,7 +276,6 @@ footer .footer-track { flex: 1; min-width: 0; white-space: nowrap; overflow: hid
   <div id="tagEditorModal">
     <h3>Edit Tags</h3>
     <div class="tag-editor-fields">
-      <label>Filename <input type="text" id="tagFilename" readonly onfocus="this.select()"></label>
       <label>Name <input type="text" id="tagName"></label>
       <label>Artist <input type="text" id="tagArtist"></label>
       <label>Album <input type="text" id="tagAlbum"></label>
@@ -286,6 +286,7 @@ footer .footer-track { flex: 1; min-width: 0; white-space: nowrap; overflow: hid
       <label>Composer <input type="text" id="tagComposer"></label>
       <label>URL <input type="text" id="tagUrl"></label>
       <label>Encoded By <input type="text" id="tagEncodedBy"></label>
+      <label class="full-width">Filename <input type="text" id="tagFilename" readonly onfocus="this.select()"></label>
     </div>
     <datalist id="genreList"></datalist>
     <div class="tag-editor-buttons">