diff --git a/src/main/resources/static/css/categories.css b/src/main/resources/static/css/categories.css
index a01322d45f326cc8e14eb78e0598d2b6697847b2..a44390cd75540dbad62210623a299c1cf963b2e0 100644
--- a/src/main/resources/static/css/categories.css
+++ b/src/main/resources/static/css/categories.css
@@ -44,7 +44,7 @@
     border: 3px dashed black;
 }
 
-.modal {
+.categoryDeleteModal {
     overflow-y: visible !important;
 }
 
diff --git a/src/main/resources/static/css/dark/categories.css b/src/main/resources/static/css/dark/categories.css
index a01322d45f326cc8e14eb78e0598d2b6697847b2..a44390cd75540dbad62210623a299c1cf963b2e0 100644
--- a/src/main/resources/static/css/dark/categories.css
+++ b/src/main/resources/static/css/dark/categories.css
@@ -44,7 +44,7 @@
     border: 3px dashed black;
 }
 
-.modal {
+.categoryDeleteModal {
     overflow-y: visible !important;
 }
 
diff --git a/src/main/resources/templates/categories/categories.ftl b/src/main/resources/templates/categories/categories.ftl
index 9d9c04795ca9055cd46ff9f63744c4bc1ef09de4..cd910707de69502a45269ae15cb29b04b8ca3a32 100644
--- a/src/main/resources/templates/categories/categories.ftl
+++ b/src/main/resources/templates/categories/categories.ftl
@@ -52,7 +52,7 @@
 
             <#if currentCategory??>
                 <!-- confirm delete modal -->
-                <div id="modalConfirmDelete" class="modal background-color">
+                <div id="modalConfirmDelete" class="modal categoryDeleteModal background-color">
                     <div class="modal-content">
                         <h4>${locale.getString("info.title.category.delete")}</h4>
                         <p>${locale.getString("info.text.category.delete", currentCategory.name)}</p>