diff --git a/app/renderer/ui/main-view/candidate-view/candidate-view.vue b/app/renderer/ui/main-view/candidate-view/candidate-view.vue
index f338fe53..b116e505 100644
--- a/app/renderer/ui/main-view/candidate-view/candidate-view.vue
+++ b/app/renderer/ui/main-view/candidate-view/candidate-view.vue
@@ -97,14 +97,14 @@ const onCancelClicked = () => {
     </div>
     <div class="flex space-x-2 py-2 justify-between select-none">
       <div
-        class="flex w-1/2 h-8 rounded-md bg-neutral-200 dark:bg-neutral-600 dark:text-neutral-300 hover:shadow-sm hover:bg-neutral-300 cursor-pointer transition-colors duration-75"
+        class="flex w-1/2 h-8 rounded-md bg-neutral-200 dark:bg-neutral-600 dark:text-neutral-300 hover:shadow-sm hover:bg-neutral-300 hover:dark:bg-neutral-500 cursor-pointer transition-colors duration-75"
         @click="onCancelClicked"
       >
         <span class="m-auto text-xs">{{ $t("menu.close") }}</span>
       </div>
       <div
         id="paper-edit-view-save-btn"
-        class="flex w-1/2 h-8 rounded-md bg-neutral-200 dark:bg-neutral-600 dark:text-neutral-300 hover:shadow-sm hover:bg-neutral-300 cursor-pointer transition-colors duration-75"
+        class="flex w-1/2 h-8 rounded-md bg-neutral-200 dark:bg-neutral-600 dark:text-neutral-300 hover:shadow-sm hover:bg-neutral-300 hover:dark:bg-neutral-500 cursor-pointer transition-colors duration-75"
         @click="onConfirmClicked()"
       >
         <span class="m-auto text-xs">{{ $t("menu.save") }}</span>
diff --git a/app/renderer/ui/main-view/data-view/components/list-view/components/paper-list-item.vue b/app/renderer/ui/main-view/data-view/components/list-view/components/paper-list-item.vue
index 920e7162..3f86e61d 100644
--- a/app/renderer/ui/main-view/data-view/components/list-view/components/paper-list-item.vue
+++ b/app/renderer/ui/main-view/data-view/components/list-view/components/paper-list-item.vue
@@ -103,7 +103,7 @@ scp {
       </div>
       <div 
         class="flex flex-none justify-end text-xxs rounded-md px-1.5 shadow-md" 
-        :class="active ? 'bg-blue-500 hover:bg-blue-400' : 'bg-neutral-200 hover:bg-neutral-300'"
+        :class="active ? 'bg-blue-500 hover:bg-blue-400' : 'bg-neutral-200 hover:bg-neutral-300 dark:bg-neutral-700 dark:hover:bg-neutral-600'"
         @click.stop="$emit('event:click-candidate-btn')"
         v-if="showCandidateBtn"
       >
diff --git a/app/renderer/ui/main-view/data-view/components/table-view/components/table-item.vue b/app/renderer/ui/main-view/data-view/components/table-view/components/table-item.vue
index 162ad640..4fa74f90 100644
--- a/app/renderer/ui/main-view/data-view/components/table-view/components/table-item.vue
+++ b/app/renderer/ui/main-view/data-view/components/table-view/components/table-item.vue
@@ -221,7 +221,7 @@ const emits = defineEmits(["event:click-candidate-btn"]);
         :class="
           active
             ? 'bg-blue-500 hover:bg-blue-400'
-            : 'bg-neutral-200 hover:bg-neutral-300'
+            : 'bg-neutral-200 hover:bg-neutral-300 dark:bg-neutral-700 dark:hover:bg-neutral-600'
         "
         @click.stop="$emit('event:click-candidate-btn')"
         v-if="showCandidateBtn"