diff --git a/javascript/extraNetworks.js b/javascript/extraNetworks.js
index 06c0cf819..8415d2d11 100644
--- a/javascript/extraNetworks.js
+++ b/javascript/extraNetworks.js
@@ -40,6 +40,7 @@ const setENState = (state) => {
 // methods
 
 function showCardDetails(event) {
+  console.log('showCardDetails', event)
   const tabname = getENActiveTab();
   const btn = gradioApp().getElementById(`${tabname}_extra_details_btn`);
   btn.click();
diff --git a/modules/ui_extra_networks.py b/modules/ui_extra_networks.py
index ba84f9040..4815e8210 100644
--- a/modules/ui_extra_networks.py
+++ b/modules/ui_extra_networks.py
@@ -40,9 +40,11 @@ card_full = '''
 '''
 card_list = '''
     <div class='card card-list' onclick={card_click} title='{name}' data-tab='{tabname}' data-page='{page}' data-name='{name}' data-filename='{filename}' data-tags='{tags}' data-mtime='{mtime}' data-size='{size}' data-search='{search}'>
-        <span class='details' title="Get details" onclick="showCardDetails(event)">&#x1f6c8;</span>&nbsp;
-        <div class='name'>{title}</div>&nbsp;
-        <div class='tags tags-list'></div>
+        <div style='display: flex'>
+            <span class='details' title="Get details" onclick="showCardDetails(event)">&#x1f6c8;</span>&nbsp;
+            <div class='name'>{title}</div>&nbsp;
+            <div class='tags tags-list'></div>
+        </div>
     </div>
 '''