From 2bc6e8d86e392047f7a39a2d68bae90be60d146a Mon Sep 17 00:00:00 2001
From: Xiyun Zhao <xiyuzhao@redhat.com>
Date: Fri, 21 Nov 2025 16:26:50 +0800
Subject: [PATCH] OCPBUGS-65812: Layout issue on YAML editor settings popup
 window

---
 .../public/components/modals/edit-yaml-settings-modal.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/frontend/public/components/modals/edit-yaml-settings-modal.tsx b/frontend/public/components/modals/edit-yaml-settings-modal.tsx
index 1c31e2f9a7a..7bc735a9d40 100644
--- a/frontend/public/components/modals/edit-yaml-settings-modal.tsx
+++ b/frontend/public/components/modals/edit-yaml-settings-modal.tsx
@@ -68,7 +68,11 @@ const ConfigModalItem: React.FCC<ConfigModalItemProps> = ({
   return (
     <Split hasGutter>
       <SplitItem isFilled>
-        <Flex alignItems={{ default: 'alignItemsCenter' }} spaceItems={{ default: 'spaceItemsMd' }}>
+        <Flex
+          alignItems={{ default: 'alignItemsCenter' }}
+          spaceItems={{ default: 'spaceItemsMd' }}
+          style={{ flexWrap: 'nowrap' }}
+        >
           <FlexItem>
             <Icon />
           </FlexItem>
@@ -78,7 +82,7 @@ const ConfigModalItem: React.FCC<ConfigModalItemProps> = ({
           </FlexItem>
         </Flex>
       </SplitItem>
-      <SplitItem>
+      <SplitItem style={{ whiteSpace: 'nowrap' }}>
         <Switch
           id={title}
           isReversed