fix: roboto font, column scrolling fixed, column input width

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

@@ -1,6 +1,6 @@
 import React from "react";
 import { IconPlus } from "@tabler/icons-react";
-import { Box, Center, Group, Stack, Text } from "@mantine/core";
+import { Box, Center, Group, Text } from "@mantine/core";
 import { useStatusesContext } from "@/app/deals/contexts/StatusesContext";
 import InPlaceInput from "@/components/ui/InPlaceInput/InPlaceInput";
 import useIsMobile from "@/hooks/utils/useIsMobile";
@@ -11,7 +11,7 @@ const CreateStatusButton = () => {
     const isMobile = useIsMobile();
 
     return (
-        <Stack className={styles.container}>
+        <Box className={styles.container}>
             <Box className={styles["inner-container"]}>
                 <InPlaceInput
                     placeholder={"Название колонки"}
@@ -32,13 +32,17 @@ const CreateStatusButton = () => {
                     modalTitle={"Создание колонки"}
                     inputStyles={{
                         wrapper: {
+                            width: 250,
                             paddingInline: "var(--mantine-spacing-md)",
                             paddingBlock: "var(--mantine-spacing-xs)",
                         },
+                        input: {
+                            width: 250,
+                        },
                     }}
                 />
             </Box>
-        </Stack>
+        </Box>
     );
 };