UI/UX: Fix Zoom Toggle Button Positioning Issue (#10907) (#10908)

ohcnetwork · Mar 1, 2025 · dfd30ca · dfd30ca
1 parent 2eca6a4
commit dfd30ca
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/CAREUI/interactive/Zoom.tsx b/src/CAREUI/interactive/Zoom.tsx
@@ -68,7 +68,7 @@ export const ZoomControls = (props: { disabled?: boolean }) => {
   }
 
   return (
-    <div className="absolute bottom-8 right-8 flex flex-col items-center justify-center gap-1 rounded-full border border-secondary-400 bg-white p-0.5 shadow-lg md:flex-row-reverse md:gap-2">
+    <div className="fixed bottom-8 right-8 flex flex-col items-center justify-center gap-1 rounded-full border border-secondary-400 bg-white p-0.5 shadow-lg md:flex-row-reverse md:gap-2">
       <Button
         disabled={props.disabled}
         variant="ghost"