From f7198b9e3f1380e72a7d0f4eee57f0ca6903bb55 Mon Sep 17 00:00:00 2001
From: Uncle Fatso <uncle.fatso@ghostchain.io>
Date: Wed, 4 Mar 2026 13:49:13 +0300
Subject: [PATCH] make function modal fit into mobile version

Signed-off-by: Uncle Fatso <uncle.fatso@ghostchain.io>
---
 package.json                                                  | 2 +-
 src/components/Select/Select.jsx                              | 2 ++
 src/containers/Governance/components/functions/CreateBond.jsx | 1 +
 src/containers/Governance/components/functions/index.jsx      | 1 -
 4 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 6527e42..f6a7964 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "ghost-dao-interface",
   "private": true,
-  "version": "0.5.36",
+  "version": "0.5.37",
   "type": "module",
   "scripts": {
     "dev": "vite",
diff --git a/src/components/Select/Select.jsx b/src/components/Select/Select.jsx
index 3d6dbb2..f3b4123 100644
--- a/src/components/Select/Select.jsx
+++ b/src/components/Select/Select.jsx
@@ -34,6 +34,7 @@ const Select = ({
     inputWidth,
     renderValue = null,
     width = "100%",
+    maxWidth = "100%"
 }) => {
     const theme = useTheme();
     return (
@@ -41,6 +42,7 @@ const Select = ({
             display="flex"
             flexDirection="column"
             width={width}
+            maxWidth={maxWidth}
             sx={{ backgroundColor: theme.colors.gray[750] }}
             borderRadius="12px"
             padding="15px"
diff --git a/src/containers/Governance/components/functions/CreateBond.jsx b/src/containers/Governance/components/functions/CreateBond.jsx
index 5d48fd0..ffe87b9 100644
--- a/src/containers/Governance/components/functions/CreateBond.jsx
+++ b/src/containers/Governance/components/functions/CreateBond.jsx
@@ -311,6 +311,7 @@ const TokenAndBooleansArguments = ({
                     value={selectedOption ?? ""}
                     onChange={handleChange}
                     options={possibleTokens}
+                    maxWidth="calc(100vw - 70px)"
                     inputWidth="100%"
                     renderValue={(selected) => {
                         if (!selected || selected.length === 0) {
diff --git a/src/containers/Governance/components/functions/index.jsx b/src/containers/Governance/components/functions/index.jsx
index 7caf7a1..e3073a7 100644
--- a/src/containers/Governance/components/functions/index.jsx
+++ b/src/containers/Governance/components/functions/index.jsx
@@ -257,7 +257,6 @@ export const ArgumentInput = ({
     )
 }
 
-// TODO: rename
 export const ParsedCell = (props) => {
     const [isCopied, setIsCopied] = useState(false);