diff --git a/resources/views/categories/sync.blade.php b/resources/views/categories/sync.blade.php
index d67aba39..cd0828b9 100644
--- a/resources/views/categories/sync.blade.php
+++ b/resources/views/categories/sync.blade.php
@@ -185,7 +185,7 @@ class="px-3 py-1.5 bg-green-600 hover:bg-green-700 text-white text-xs font-mediu
                             <tr class="{{ $inBoth ? 'bg-blue-50/50' : ($localOnly ? 'bg-green-50/50' : '') }}">
                                 <td class="px-3 py-2 text-center">
                                     <input type="checkbox" name="local_cat" value="{{ $key }}"
-                                           class="w-4 h-4 text-green-600 border-gray-300 rounded focus:ring-green-500"
+                                           class="w-4 h-4 rounded focus:ring-green-500 {{ $inBoth ? 'bg-gray-200 border-gray-300 cursor-not-allowed' : 'text-green-600 border-gray-300' }}"
                                            {{ $inBoth ? 'disabled' : '' }}>
                                 </td>
                                 <td class="px-3 py-2 font-mono text-xs text-gray-600">{{ $cat['code_group'] }}</td>
@@ -262,7 +262,7 @@ class="px-3 py-1.5 bg-purple-600 hover:bg-purple-700 text-white text-xs font-med
                                 <tr class="{{ $inBoth ? 'bg-blue-50/50' : ($remoteOnly ? 'bg-purple-50/50' : '') }}">
                                     <td class="px-3 py-2 text-center">
                                         <input type="checkbox" name="remote_cat" value="{{ $key }}"
-                                               class="w-4 h-4 text-purple-600 border-gray-300 rounded focus:ring-purple-500"
+                                               class="w-4 h-4 rounded focus:ring-purple-500 {{ $inBoth ? 'bg-gray-200 border-gray-300 cursor-not-allowed' : 'text-purple-600 border-gray-300' }}"
                                                {{ $inBoth ? 'disabled' : '' }}>
                                     </td>
                                     <td class="px-3 py-2 font-mono text-xs text-gray-600">{{ $cat['code_group'] }}</td>
diff --git a/resources/views/common-codes/sync.blade.php b/resources/views/common-codes/sync.blade.php
index 6029b05f..336d4f66 100644
--- a/resources/views/common-codes/sync.blade.php
+++ b/resources/views/common-codes/sync.blade.php
@@ -190,7 +190,7 @@ class="px-3 py-1.5 bg-green-600 hover:bg-green-700 text-white text-xs font-mediu
                             <tr class="{{ $inBoth ? 'bg-blue-50/50' : ($localOnly ? 'bg-green-50/50' : '') }}">
                                 <td class="px-3 py-2 text-center">
                                     <input type="checkbox" name="local_code" value="{{ $key }}"
-                                           class="w-4 h-4 text-green-600 border-gray-300 rounded focus:ring-green-500"
+                                           class="w-4 h-4 rounded focus:ring-green-500 {{ $inBoth ? 'bg-gray-200 border-gray-300 cursor-not-allowed' : 'text-green-600 border-gray-300' }}"
                                            {{ $inBoth ? 'disabled' : '' }}>
                                 </td>
                                 <td class="px-3 py-2 font-mono text-xs text-gray-600">{{ $code['code_group'] }}</td>
@@ -264,7 +264,7 @@ class="px-3 py-1.5 bg-purple-600 hover:bg-purple-700 text-white text-xs font-med
                                 <tr class="{{ $inBoth ? 'bg-blue-50/50' : ($remoteOnly ? 'bg-purple-50/50' : '') }}">
                                     <td class="px-3 py-2 text-center">
                                         <input type="checkbox" name="remote_code" value="{{ $key }}"
-                                               class="w-4 h-4 text-purple-600 border-gray-300 rounded focus:ring-purple-500"
+                                               class="w-4 h-4 rounded focus:ring-purple-500 {{ $inBoth ? 'bg-gray-200 border-gray-300 cursor-not-allowed' : 'text-purple-600 border-gray-300' }}"
                                                {{ $inBoth ? 'disabled' : '' }}>
                                     </td>
                                     <td class="px-3 py-2 font-mono text-xs text-gray-600">{{ $code['code_group'] }}</td>