diff --git a/src/main/resources/templates/bucket.html.pasta b/src/main/resources/templates/bucket.html.pasta
index 020ff67..3449bfd 100644
--- a/src/main/resources/templates/bucket.html.pasta
+++ b/src/main/resources/templates/bucket.html.pasta
@@ -114,7 +114,7 @@
                                         </div>
                                     </t:modal>
                                     <t:additionalActions label="Actions">
-                                        <t:dropdownItem url="@apply('javascript:$(document.querySelector(\'#%s\')).modal()', modalId)"
+                                        <t:dropdownItem url="@apply('javascript:showProperties(\'#%s\')', modalId)"
                                                         icon="fa-solid fa-circle-info"
                                                         label="Properties"/>
                                         <t:dropdownDeleteItem
@@ -133,6 +133,16 @@
         </div>
     </div>
 
+    <script>
+        function showProperties(selector) {
+            const _modalElement = document.querySelector(selector);
+            if (!_modalElement.modal) {
+                _modalElement.modal = new bootstrap.Modal(_modalElement);
+            }
+            _modalElement.modal.show();
+        }
+    </script>
+
     <i:block name="footer">
         <i:invoke template="/templates/footer.html.pasta"/>
     </i:block>