diff --git a/client/src/components/Main/AdjustToneButton.jsx b/client/src/components/Main/AdjustToneButton.jsx
index 3bc30be256..e9153a0c72 100644
--- a/client/src/components/Main/AdjustToneButton.jsx
+++ b/client/src/components/Main/AdjustToneButton.jsx
@@ -7,7 +7,7 @@ export default function AdjustButton({ onClick }) {
   return (
     <button
       onClick={clickHandler}
-      className="group absolute bottom-0 -right-11 flex h-[100%] w-[50px] items-center justify-center bg-transparent p-1 text-gray-500"
+      className="group absolute bottom-11 md:bottom-0 -right-11 flex h-[100%] w-[50px] items-center justify-center bg-transparent p-1 text-gray-500"
     >
       <div className="m-1 mr-0 rounded-md p-2 pt-[10px] pb-[10px] group-hover:bg-gray-100 group-disabled:hover:bg-transparent dark:group-hover:bg-gray-900 dark:group-hover:text-gray-400 dark:group-disabled:hover:bg-transparent">
         <svg