diff --git a/src/components/JobDetail.vue b/src/components/JobDetail.vue
index 7e7f5d7..0fc2f46 100644
--- a/src/components/JobDetail.vue
+++ b/src/components/JobDetail.vue
@@ -1019,6 +1019,7 @@ onMounted(() => {
     .actions {
       display: flex;
       gap: 0.75rem;
+      margin-right: 2rem;
       
       .action-button {
         display: flex;
diff --git a/src/components/JobFilters.vue b/src/components/JobFilters.vue
index 4a8ccee..360cdc2 100644
--- a/src/components/JobFilters.vue
+++ b/src/components/JobFilters.vue
@@ -353,7 +353,7 @@ const toggleFilters = () => {
       white-space: nowrap;
       
       &:hover {
-        background-color: var(--hover-bg, rgba(0, 0, 0, 0.05));
+        background-color: var(--card-bg-secondary, rgba(0, 0, 0, 0.05));
       }
       
       .toggle-icon {
@@ -366,7 +366,7 @@ const toggleFilters = () => {
         border-color: var(--card-border, #444);
         
         &:hover {
-          background-color: var(--hover-bg, rgba(255, 255, 255, 0.05));
+          background-color: var(--card-bg-secondary, rgba(255, 255, 255, 0.05));
         }
       }
     }
@@ -422,7 +422,7 @@ const toggleFilters = () => {
           transition: all 0.2s;
           
           &:hover {
-            background-color: var(--hover-bg, rgba(0, 0, 0, 0.05));
+            background-color: var(--card-bg-secondary, rgba(0, 0, 0, 0.05));
           }
           
           &.selected {
@@ -431,7 +431,7 @@ const toggleFilters = () => {
           
           @media (prefers-color-scheme: dark) {
             &:hover {
-              background-color: var(--hover-bg, rgba(255, 255, 255, 0.05));
+              background-color: var(--card-bg-secondary, rgba(255, 255, 255, 0.05));
             }
             
             &.selected {
@@ -487,7 +487,7 @@ const toggleFilters = () => {
       margin-top: 0.5rem;
       
       &:hover:not(:disabled) {
-        background-color: var(--hover-bg, rgba(0, 0, 0, 0.05));
+        background-color: var(--card-bg-secondary, rgba(0, 0, 0, 0.05));
         border-color: var(--text-color, #333);
       }
       
@@ -501,7 +501,7 @@ const toggleFilters = () => {
         border-color: var(--card-border, #444);
         
         &:hover:not(:disabled) {
-          background-color: var(--hover-bg, rgba(255, 255, 255, 0.05));
+          background-color: var(--card-bg-secondary, rgba(255, 255, 255, 0.05));
           border-color: var(--text-color, #eee);
         }
       }
diff --git a/src/views/Jobs.vue b/src/views/Jobs.vue
index ed6c5be..7735351 100644
--- a/src/views/Jobs.vue
+++ b/src/views/Jobs.vue
@@ -315,8 +315,9 @@ onMounted(() => {
       z-index: 1001;
       
       .close-button {
+        padding: 0 0 4px 0;
         position: absolute;
-        top: 1rem;
+        top: 1.5rem;
         right: 1rem;
         background: none;
         border: none;
@@ -332,38 +333,11 @@ onMounted(() => {
         border-radius: 50%;
         background-color: var(--card-bg, #fff);
         box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+        transition: color 0.2s ease, background-color 0.2s ease;
         
         &:hover {
           color: var(--text-color, #333);
-          background-color: var(--hover-bg, #f5f5f5);
-        }
-      }
-    }
-  }
-}
-
-// Dark mode styles
-@media (prefers-color-scheme: dark) {
-  .jobs-container {
-    .loading-container {
-      .loading-spinner {
-        border-color: #444;
-        border-top-color: var(--primary-color, #3498db);
-      }
-    }
-    
-    .job-detail-modal {
-      .modal-overlay {
-        background-color: rgba(0, 0, 0, 0.7);
-      }
-      
-      .modal-content {
-        .close-button {
-          background-color: #333;
-          
-          &:hover {
-            background-color: #444;
-          }
+          background-color: var(--card-bg-secondary, #f5f5f5);
         }
       }
     }