diff --git a/assets/js/dashboard.js b/assets/js/dashboard.js
index 85eb211..7711ab1 100644
--- a/assets/js/dashboard.js
+++ b/assets/js/dashboard.js
@@ -1451,8 +1451,7 @@ function initTicketPreview() {
     // Create preview element
     const preview = document.createElement('div');
     preview.id = 'ticketPreview';
-    preview.className = 'ticket-preview-popup';
-    preview.style.display = 'none';
+    preview.className = 'ticket-preview-popup is-hidden';
     document.body.appendChild(preview);
     currentPreview = preview;
 
@@ -1535,7 +1534,7 @@ function showTicketPreview(event) {
 
         currentPreview.style.left = left + 'px';
         currentPreview.style.top = top + 'px';
-        currentPreview.style.display = 'block';
+        currentPreview.classList.remove('is-hidden');
     }, 300);
 }
 
@@ -1545,7 +1544,7 @@ function hideTicketPreview() {
     }
     previewTimeout = setTimeout(() => {
         if (currentPreview) {
-            currentPreview.style.display = 'none';
+            currentPreview.classList.add('is-hidden');
         }
     }, 100);
 }