fix: mantine carousel

src/app/deals/components/shared/CreateStatusButton/CreateStatusButton.tsx

@@ -1,37 +1,37 @@
 import React from "react";
 import { IconPlus } from "@tabler/icons-react";
-import { Box } from "@mantine/core";
+import { Box, Center, Stack } from "@mantine/core";
 import { useStatusesContext } from "@/app/deals/contexts/StatusesContext";
 import InPlaceInput from "@/components/ui/InPlaceInput/InPlaceInput";
+import styles from "./CreateStatusButton.module.css";
 
 const CreateStatusButton = () => {
     const { onCreateStatus } = useStatusesContext();
 
     return (
-        <Box
-            ml={6}
-            className={"flex-nowrap border-b-3 border-blue-500 mb-3"}
-            style={{
-                cursor: "pointer",
-            }}>
-            <InPlaceInput
-                placeholder={"Название колонки"}
-                onComplete={onCreateStatus}
-                getChildren={startEditing => (
-                    <Box
-                        p={15}
-                        onClick={() => startEditing()}>
-                        <IconPlus size={20} />
-                    </Box>
-                )}
-                modalTitle={"Создание колонки"}
-                inputStyles={{
-                    wrapper: {
-                        padding: 4,
-                    },
-                }}
-            />
-        </Box>
+        <Stack>
+            <Box
+                ml={6}
+                className={styles.container}>
+                <InPlaceInput
+                    placeholder={"Название колонки"}
+                    onComplete={onCreateStatus}
+                    getChildren={startEditing => (
+                        <Center
+                            p={15}
+                            onClick={() => startEditing()}>
+                            <IconPlus size={20} />
+                        </Center>
+                    )}
+                    modalTitle={"Создание колонки"}
+                    inputStyles={{
+                        wrapper: {
+                            padding: 4,
+                        },
+                    }}
+                />
+            </Box>
+        </Stack>
     );
 };