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,