diff --git a/apps/readest-app/src/app/library/components/SelectModeActions.tsx b/apps/readest-app/src/app/library/components/SelectModeActions.tsx
index 94e787a1..700728ac 100644
--- a/apps/readest-app/src/app/library/components/SelectModeActions.tsx
+++ b/apps/readest-app/src/app/library/components/SelectModeActions.tsx
@@ -51,9 +51,9 @@ const SelectModeActions: React.FC<SelectModeActionsProps> = ({
         className={clsx(
           'text-base-content text-xs shadow-lg',
           'not-eink:bg-base-300 eink:bg-base-100 eink:border eink:border-base-content',
-          'mx-auto w-fit rounded-lg p-4',
-          'flex items-center justify-center space-x-6',
-          'max-[350px]:grid max-[350px]:grid-cols-3 max-[350px]:gap-x-10 max-[350px]:gap-y-2 max-[350px]:space-x-0',
+          'mx-auto w-fit max-w-[calc(100vw-1rem)] rounded-lg p-4',
+          'flex items-center justify-center gap-x-6',
+          'max-sm:grid max-sm:grid-cols-3 max-sm:gap-x-6 max-sm:gap-y-3',
         )}
       >
         <button