diff --git a/apps/readest-app/src/app/user/components/SyncCategoriesSection.tsx b/apps/readest-app/src/app/user/components/SyncCategoriesSection.tsx
index c40c426c..18ea9957 100644
--- a/apps/readest-app/src/app/user/components/SyncCategoriesSection.tsx
+++ b/apps/readest-app/src/app/user/components/SyncCategoriesSection.tsx
@@ -129,10 +129,7 @@ export function SyncCategoriesSection() {
                   if (locked) return;
                   handleToggle(category, e.target.checked);
                 }}
-                className={clsx(
-                  'toggle toggle-primary eink-bordered',
-                  locked && 'cursor-not-allowed',
-                )}
+                className={clsx('toggle', locked && 'cursor-not-allowed')}
               />
             </li>
           );
diff --git a/apps/readest-app/src/components/settings/SettingsDialog.tsx b/apps/readest-app/src/components/settings/SettingsDialog.tsx
index b57f4dff..61aaf12b 100644
--- a/apps/readest-app/src/components/settings/SettingsDialog.tsx
+++ b/apps/readest-app/src/components/settings/SettingsDialog.tsx
@@ -350,7 +350,7 @@ const SettingsDialog: React.FC<{ bookKey: string }> = ({ bookKey }) => {
       className='modal-open'
       bgClassName={bookKey ? 'sm:!bg-black/20' : 'sm:!bg-black/50'}
       boxClassName={clsx(
-        'sm:min-w-[520px] overflow-hidden bg-base-200',
+        'sm:min-w-[520px] overflow-hidden not-eink:bg-base-200',
         appService?.isMobile && 'sm:max-w-[90%] sm:w-3/4',
       )}
       snapHeight={appService?.isMobile ? 0.7 : undefined}