From 66238837c057f56674386c64df0e253ed9f6baae Mon Sep 17 00:00:00 2001
From: Uncle Fatso <uncle.fatso@ghostchain.io>
Date: Thu, 5 Mar 2026 13:38:13 +0300
Subject: [PATCH] small UI fixes

Signed-off-by: Uncle Fatso <uncle.fatso@ghostchain.io>
---
 package.json                                              | 2 +-
 src/containers/Bond/components/BondInputArea.jsx          | 8 +++++---
 .../Governance/components/functions/CreateBond.jsx        | 2 +-
 3 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 90e69d1..d3aba45 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "ghost-dao-interface",
   "private": true,
-  "version": "0.5.39",
+  "version": "0.5.40",
   "type": "module",
   "scripts": {
     "dev": "vite",
diff --git a/src/containers/Bond/components/BondInputArea.jsx b/src/containers/Bond/components/BondInputArea.jsx
index 13374c5..75cf550 100644
--- a/src/containers/Bond/components/BondInputArea.jsx
+++ b/src/containers/Bond/components/BondInputArea.jsx
@@ -1,5 +1,5 @@
 import { CheckBoxOutlineBlank, CheckBoxOutlined } from "@mui/icons-material";
-import { Box, Checkbox, FormControlLabel } from "@mui/material";
+import { Box, Checkbox, FormControlLabel, useMediaQuery } from "@mui/material";
 import { useState, useMemo } from "react";
 import { useLocation } from "react-router-dom";
 
@@ -32,6 +32,8 @@ const BondInputArea = ({
     address,
     connect
 }) => {
+    const isSemiSmallScreen = useMediaQuery("(max-width: 480px)");
+    const isVerySmallScreen = useMediaQuery("(max-width: 379px)");
     const { pathname } = useLocation();
 
     const { currentIndex } = useCurrentIndex(chainId);
@@ -95,7 +97,7 @@ const BondInputArea = ({
                             UpperSwapCard={
                                 <SwapCard
                                     maxWidth="476px"
-                                    inputWidth="280px"
+                                    inputWidth={isVerySmallScreen ? "100px" : isSemiSmallScreen ? "180px" : "250px"}
                                     id="from"
                                     token={<TokenStack tokens={bond.quoteToken.icons} sx={{ fontSize: "21px" }} />}
                                     tokenName={bond.quoteToken.name}
@@ -110,7 +112,7 @@ const BondInputArea = ({
                                 LowerSwapCard={
                                     <SwapCard
                                         maxWidth="476px"
-                                        inputWidth="280px"
+                                        inputWidth={isVerySmallScreen ? "100px" : isSemiSmallScreen ? "180px" : "250px"}
                                         id="to"
                                         token={<TokenStack tokens={bond.baseToken.icons} sx={{ fontSize: "21px" }} />}
                                         tokenName={bond.baseToken.name}
diff --git a/src/containers/Governance/components/functions/CreateBond.jsx b/src/containers/Governance/components/functions/CreateBond.jsx
index ffe87b9..b84a344 100644
--- a/src/containers/Governance/components/functions/CreateBond.jsx
+++ b/src/containers/Governance/components/functions/CreateBond.jsx
@@ -222,7 +222,7 @@ const IntervalsArguments = ({
             />
             <ArgumentInput
                 endString="seconds"
-                label="_intervals[0]"
+                label="_intervals[1]"
                 value={tuneInterval ?? ""}
                 setValue={setTuneInterval}
                 tooltip="Time in seconds between bond price tuning events that evaluate actual vs. expected bond sales, adjusting how aggressively price decays in the next interval."