upd

client/src/components/ButtomPanelCompass.tsx

@@ -13,7 +13,7 @@ const ButtomPanelCompass = () => {
   };
 
   return (
-    <div className="absolute z-20 bottom-0 left-0 w-full select-none touch-none pointer-events-none flex gap-2 justify-between items-end">
+    <div className="absolute bottom-0 left-0 z-20 flex items-end justify-between w-full gap-2 pointer-events-none select-none touch-none">
       <div className="flex flex-col gap-2">
         <div className="flex gap-2 pb-6 pl-6">
           <Button
@@ -26,7 +26,7 @@ const ButtomPanelCompass = () => {
           {/* <Button text="Privacy Policy" buttonType="special" /> */}
         </div>
       </div>
-      <div className="p-6">
+      <div className="p-6 max-sm:hidden">
         <div className="bg-[#0D192266] rounded-full backdrop-blur-sm">
           <img
             style={{ transform: `rotate(${currentCompassRotate - 180}deg)` }}