diff --git a/html/extra-networks-copy-path-button.html b/html/extra-networks-btn-copy-path.html
similarity index 64%
rename from html/extra-networks-copy-path-button.html
rename to html/extra-networks-btn-copy-path.html
index c0c44f1e3..93b9ceb7f 100644
--- a/html/extra-networks-copy-path-button.html
+++ b/html/extra-networks-btn-copy-path.html
@@ -1,5 +1,5 @@
 <div class="copy-path-button card-button"
     title="Copy path to clipboard"
-    onclick="extraNetworksCopyPathToClipboard(event, '{filename}')"
+    onclick="extraNetworksBtnCopyPathOnClick(event, '{filename}')"
     data-clipboard-text="{filename}">
 </div>
\ No newline at end of file
diff --git a/html/extra-networks-dirs-view-button.html b/html/extra-networks-btn-dirs-view-item.html
similarity index 62%
rename from html/extra-networks-dirs-view-button.html
rename to html/extra-networks-btn-dirs-view-item.html
index 9b11a8453..218980383 100644
--- a/html/extra-networks-dirs-view-button.html
+++ b/html/extra-networks-btn-dirs-view-item.html
@@ -1,5 +1,5 @@
 <button
     class='lg secondary gradio-button custom-button extra-network-dirs-view-button {extra_class}'
-    onclick='extraNetworksDirsOnClick(event, "{tabname_full}")'>
+    onclick='extraNetworksBtnDirsViewItemOnClick(event, "{tabname_full}")'>
     {path}
 </button>
\ No newline at end of file
diff --git a/html/extra-networks-btn-edit-metadata.html b/html/extra-networks-btn-edit-metadata.html
new file mode 100644
index 000000000..84852b3fb
--- /dev/null
+++ b/html/extra-networks-btn-edit-metadata.html
@@ -0,0 +1,4 @@
+<div class="edit-button card-button"
+    title="Edit metadata"
+    onclick="extraNetworksBtnEditMetadataOnClick(event, '{tabname}_{extra_networks_tabname}', '{name}')">
+</div>
\ No newline at end of file
diff --git a/html/extra-networks-btn-show-metadata.html b/html/extra-networks-btn-show-metadata.html
new file mode 100644
index 000000000..ecae4cbdc
--- /dev/null
+++ b/html/extra-networks-btn-show-metadata.html
@@ -0,0 +1,4 @@
+<div class="metadata-button card-button"
+    title="Show internal metadata"
+    onclick="extraNetworksBtnShowMetadataOnClick(event, '{extra_networks_tabname}'), '{name}'">
+</div>
\ No newline at end of file
diff --git a/html/extra-networks-edit-item-button.html b/html/extra-networks-edit-item-button.html
deleted file mode 100644
index 80be264e7..000000000
--- a/html/extra-networks-edit-item-button.html
+++ /dev/null
@@ -1,4 +0,0 @@
-<div class="edit-button card-button"
-    title="Edit metadata"
-    onclick="extraNetworksEditItemOnClick(event, '{tabname}_{extra_networks_tabname}', '{name}')">
-</div>
\ No newline at end of file
diff --git a/html/extra-networks-metadata-button.html b/html/extra-networks-metadata-button.html
deleted file mode 100644
index 856444fa1..000000000
--- a/html/extra-networks-metadata-button.html
+++ /dev/null
@@ -1,4 +0,0 @@
-<div class="metadata-button card-button"
-    title="Show internal metadata"
-    onclick="extraNetworksMetadataButtonOnClick(event, '{extra_networks_tabname}'), '{name}'">
-</div>
\ No newline at end of file