+
diff --git a/src/components/SettingForms/Channel1-JSON/ChannelFields.tsx b/src/components/SettingForms/Channel1-JSON/ChannelFields.tsx
index efe63ed..0cffccb 100644
--- a/src/components/SettingForms/Channel1-JSON/ChannelFields.tsx
+++ b/src/components/SettingForms/Channel1-JSON/ChannelFields.tsx
@@ -18,7 +18,7 @@ const ChannelFields = () => {
type="text"
id="backoffice"
placeholder="https://www.backoffice.com"
- className="p-1.5 border border-gray-400 rounded-lg"
+ className="p-1.5 border border-gray-400 rounded-lg w-full md:w-60"
/>
@@ -28,7 +28,7 @@ const ChannelFields = () => {
type="text"
id="username"
placeholder="Back office username"
- className="p-1.5 border border-gray-400 rounded-lg"
+ className="p-1.5 border border-gray-400 rounded-lg w-full md:w-60"
/>
@@ -38,7 +38,7 @@ const ChannelFields = () => {
type={showPwd ? "text" : "password"}
id="password"
placeholder="Back office password"
- className="p-1.5 border border-gray-400 rounded-lg"
+ className="p-1.5 border border-gray-400 rounded-lg w-full md:w-60"
/>
{
name={"connectTimeoutSeconds"}
type="number"
id="connectTimeoutSeconds"
- className="p-1.5 border border-gray-400 rounded-lg"
+ className="p-1.5 border border-gray-400 rounded-lg w-full md:w-60"
/>
@@ -63,7 +63,7 @@ const ChannelFields = () => {
type="number"
id="readTimeoutSeconds"
placeholder="https://example.com"
- className="p-1.5 border border-gray-400 rounded-lg"
+ className="p-1.5 border border-gray-400 rounded-lg w-full md:w-60"
/>
diff --git a/src/components/SettingForms/components/FormToggle.tsx b/src/components/SettingForms/components/FormToggle.tsx
index 5a31f58..555560f 100644
--- a/src/components/SettingForms/components/FormToggle.tsx
+++ b/src/components/SettingForms/components/FormToggle.tsx
@@ -2,7 +2,7 @@ import { Field } from "formik";
const FormToggle = ({ name, label }: { name: string; label?: string }) => {
return (
-