diff --git a/assets/css/dashboard.css b/assets/css/dashboard.css
index fe0c27c..8fc3391 100644
--- a/assets/css/dashboard.css
+++ b/assets/css/dashboard.css
@@ -727,9 +727,10 @@ th.sort-desc::after {
 
 /* Dark mode bulk actions */
 body.dark-mode .bulk-actions-toolbar {
-    --toolbar-bg: #1a1a00;
+    --toolbar-bg: #2d3748;
     --toolbar-border: #ffc107;
     --text-primary: #f8f9fa;
+    background: #2d3748 !important;
 }
 
 body.dark-mode .bulk-actions-info {
diff --git a/assets/css/ticket.css b/assets/css/ticket.css
index 2cdc690..f2e180b 100644
--- a/assets/css/ticket.css
+++ b/assets/css/ticket.css
@@ -478,7 +478,7 @@ input:checked + .slider:before {
 
 .timeline-content {
     flex: 1;
-    background: var(--card-bg, #1a202c);
+    background: var(--card-bg, #f8f9fa);
     padding: 0.75rem 1rem;
     border-radius: 8px;
     border: 1px solid var(--border-color, #ddd);
diff --git a/assets/js/ticket.js b/assets/js/ticket.js
index afd0516..e4d0393 100644
--- a/assets/js/ticket.js
+++ b/assets/js/ticket.js
@@ -363,21 +363,25 @@ function showTab(tabName) {
     // Hide all tab contents
     const descriptionTab = document.getElementById('description-tab');
     const commentsTab = document.getElementById('comments-tab');
-    
+    const activityTab = document.getElementById('activity-tab');
+
     if (!descriptionTab || !commentsTab) {
         console.error('Tab elements not found');
         return;
     }
-    
-    // Hide both tabs
+
+    // Hide all tabs
     descriptionTab.style.display = 'none';
     commentsTab.style.display = 'none';
-    
+    if (activityTab) {
+        activityTab.style.display = 'none';
+    }
+
     // Remove active class from all buttons
     document.querySelectorAll('.tab-btn').forEach(btn => {
         btn.classList.remove('active');
     });
-    
+
     // Show selected tab and activate its button
     document.getElementById(`${tabName}-tab`).style.display = 'block';
     document.querySelector(`[onclick="showTab('${tabName}')"]`).classList.add('active');