From 2097bc477a62125040323ba19bb46af3feaa76d1 Mon Sep 17 00:00:00 2001
From: ashu130698 <ashushukla299@gmail.com>
Date: Thu, 2 Apr 2026 12:28:07 +0530
Subject: [PATCH] fix(ux): replace overwritten transform on floating action
 bars to fix overflow centering on mobile devices

---
 client/src/Components/common/FloatingActionBar.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/client/src/Components/common/FloatingActionBar.tsx b/client/src/Components/common/FloatingActionBar.tsx
index ec8bee26b..3018b68e8 100644
--- a/client/src/Components/common/FloatingActionBar.tsx
+++ b/client/src/Components/common/FloatingActionBar.tsx
@@ -36,8 +36,10 @@ export const FloatingActionBar: React.FC<FloatingActionBarProps> = ({
 				sx={{
 					position: "fixed",
 					bottom: theme.spacing(LAYOUT.XS),
-					left: "50%",
-					transform: "translateX(-50%)",
+					left: 0,
+					right: 0,
+					margin: "0 auto",
+					width: "max-content",
 					zIndex: theme.zIndex.snackbar,
 					px: LAYOUT.MD,
 					py: LAYOUT.XS,