diff --git a/web-app/src/containers/dialogs/AddEditMCPServer.tsx b/web-app/src/containers/dialogs/AddEditMCPServer.tsx
index 29782c691..7fb18e258 100644
--- a/web-app/src/containers/dialogs/AddEditMCPServer.tsx
+++ b/web-app/src/containers/dialogs/AddEditMCPServer.tsx
@@ -421,13 +421,12 @@ export default function AddEditMCPServer({
                   }}
                   onPaste={() => setError(null)}
                   style={{
-                    fontFamily: 'ui-monospace',
                     backgroundColor: 'transparent',
                     wordBreak: 'break-all',
                     overflowWrap: 'anywhere',
                     whiteSpace: 'pre-wrap',
                   }}
-                  className="w-full !text-sm min-h-[300px]"
+                  className="w-full !text-sm min-h-[300px] !font-mono"
                 />
               </div>
               {error && <div className="text-destructive text-sm">{error}</div>}
diff --git a/web-app/src/containers/dialogs/EditJsonMCPserver.tsx b/web-app/src/containers/dialogs/EditJsonMCPserver.tsx
index 63ebacb6d..a9f9ecc9f 100644
--- a/web-app/src/containers/dialogs/EditJsonMCPserver.tsx
+++ b/web-app/src/containers/dialogs/EditJsonMCPserver.tsx
@@ -93,13 +93,12 @@ export default function EditJsonMCPserver({
               onChange={(e) => setJsonContent(e.target.value)}
               onPaste={handlePaste}
               style={{
-                fontFamily: 'ui-monospace',
                 backgroundColor: 'transparent',
                 wordBreak: 'break-all',
                 overflowWrap: 'anywhere',
                 whiteSpace: 'pre-wrap',
               }}
-              className="w-full !text-sm overflow-hidden break-all"
+              className="w-full !text-sm overflow-hidden !break-all font-mono"
             />
           </div>
           {error && <div className="text-destructive text-sm">{error}</div>}