fix: Cloud Config parameter modal overlays non-printable character info box (#3221)

mtrezza · web-flow · commit 983253e85e5f · 2026-02-14T17:22:27.000Z
diff --git a/src/components/NonPrintableHighlighter/NonPrintableHighlighter.scss b/src/components/NonPrintableHighlighter/NonPrintableHighlighter.scss
@@ -10,6 +10,8 @@
 .container {
   position: relative;
   width: 100%;
+  display: flex;
+  flex-direction: column;
 }
 
 .warningContainer {
@@ -105,7 +107,7 @@
 
 // Info badge styles for non-alphanumeric character detection
 .infoContainer {
-  margin-top: -4px;
+  margin-top: 0;
 }
 
 .infoBadge {

Original file line number	Diff line number	Diff line change
`@@ -10,6 +10,8 @@`
`10`	`10`	`.container {`
`11`	`11`	`position: relative;`
`12`	`12`	`width: 100%;`
	`13`	`+ display: flex;`
	`14`	`+ flex-direction: column;`
`13`	`15`	`}`
`14`	`16`
`15`	`17`	`.warningContainer {`
`@@ -105,7 +107,7 @@`
`105`	`107`
`106`	`108`	`// Info badge styles for non-alphanumeric character detection`
`107`	`109`	`.infoContainer {`
`108`		`- margin-top: -4px;`
	`110`	`+ margin-top: 0;`
`109`	`111`	`}`
`110`	`112`
`111`	`113`	`.infoBadge {`