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