diff --git a/apps/home/templates/home/tabs/content.html b/apps/home/templates/home/tabs/content.html
index 3449c8d..fd63c91 100644
--- a/apps/home/templates/home/tabs/content.html
+++ b/apps/home/templates/home/tabs/content.html
@@ -29,12 +29,12 @@
             </div>
         </div>
         <div class="d-inline-block">
-            <button type="button" class="table-refresh-btn btn btn-outline-secondary rounded-1 disable-while-loading">
+            <button type="button" class="js-tableRefreshBtn btn btn-outline-secondary rounded-1 disable-while-loading">
                 <i class="bi bi-arrow-clockwise"></i>
             </button>
         </div>
         <div class="d-inline-block">
-            <button type="button" class="table-del-btn btn btn-danger rounded-1" disabled>
+            <button type="button" class="js-tableDeleteBtn btn btn-danger rounded-1" disabled>
                 <i class="bi bi-trash3"></i>
             </button>
         </div>
diff --git a/apps/home/templates/home/tabs/filters.html b/apps/home/templates/home/tabs/filters.html
index 3e69138..2dd746c 100644
--- a/apps/home/templates/home/tabs/filters.html
+++ b/apps/home/templates/home/tabs/filters.html
@@ -7,9 +7,9 @@
             <input type="search" id="searchForFilter" class="table-search-input" placeholder="search">
         </div>
     </div>
-    <div class="col-md-6 col-lg-7 col-xl-8 col-xxl-9 text-md-end table-search-buttons">
+    <div class="col-md-6 col-lg-7 col-xl-8 col-xxl-9 text-md-end table-button-controls">
         <div class="d-inline-block">
-            <button type="button" class="table-new-btn btn btn-primary rounded-1">
+            <button type="button" class="js-tableAddBtn btn btn-primary rounded-1">
                 <i class="bi bi-plus-lg"></i>
             </button>
         </div>
@@ -34,12 +34,17 @@
             </div>
         </div>
         <div class="d-inline-block">
-            <button type="button" class="table-refresh-btn btn btn-outline-secondary rounded-1 disable-while-loading">
+            <button type="button" class="js-tableRefreshBtn btn btn-outline-secondary rounded-1 disable-while-loading">
                 <i class="bi bi-arrow-clockwise"></i>
             </button>
         </div>
         <div class="d-inline-block">
-            <button type="button" class="table-del-btn btn btn-danger rounded-1" disabled>
+            <button type="button" class="js-tableShareBtn btn btn-secondary rounded-1" disabled>
+                <i class="bi bi-share-fill"></i>
+            </button>
+        </div>
+        <div class="d-inline-block">
+            <button type="button" class="js-tableDeleteBtn btn btn-danger rounded-1" disabled>
                 <i class="bi bi-trash3"></i>
             </button>
         </div>
diff --git a/apps/home/templates/home/tabs/styles.html b/apps/home/templates/home/tabs/styles.html
index c836674..0fe34d3 100644
--- a/apps/home/templates/home/tabs/styles.html
+++ b/apps/home/templates/home/tabs/styles.html
@@ -9,7 +9,7 @@
     </div>
     <div class="col-md-6 col-lg-7 col-xl-8 col-xxl-9 text-md-end table-button-controls">
         <div class="d-inline-block">
-            <button type="button" class="table-new-btn btn btn-primary rounded-1">
+            <button type="button" class="js-tableAddBtn btn btn-primary rounded-1">
                 <i class="bi bi-plus-lg"></i>
             </button>
         </div>
@@ -34,12 +34,12 @@
             </div>
         </div>
         <div class="d-inline-block">
-            <button type="button" class="table-refresh-btn btn btn-outline-secondary rounded-1">
+            <button type="button" class="js-tableRefreshBtn btn btn-outline-secondary rounded-1">
                 <i class="bi bi-arrow-clockwise"></i>
             </button>
         </div>
         <div class="d-inline-block">
-            <button type="button" class="table-del-btn btn btn-danger rounded-1" disabled>
+            <button type="button" class="js-tableDeleteBtn btn btn-danger rounded-1" disabled>
                 <i class="bi bi-trash3"></i>
             </button>
         </div>