fe: override global scss for svg in schema-create

r-vasquez · r-vasquez · commit 1ef4a6545f3e · 2026-03-20T09:24:52.000-07:00
This is preventing the combobox to look normally.

This IS NOT due to the page being mixed with chakra
but instead is a global configuration.
diff --git a/frontend/src/components/pages/schemas/schema-create.tsx b/frontend/src/components/pages/schemas/schema-create.tsx
@@ -596,6 +596,8 @@ const SchemaEditor = (p: {
             label="Context"
           >
             <Combobox
+              // Our chakra UI has a global override for SVGs that make icons look off-center in UI registry components.
+              className="[&_svg]:block! [&_input]:pl-8!"
               creatable
               createLabel="context"
               onChange={(value) => {

Original file line number	Diff line number	Diff line change
`@@ -596,6 +596,8 @@ const SchemaEditor = (p: {`
`596`	`596`	`label="Context"`
`597`	`597`	`>`
`598`	`598`	`<Combobox`
	`599`	`+ // Our chakra UI has a global override for SVGs that make icons look off-center in UI registry components.`
	`600`	`+ className="[&_svg]:block! [&_input]:pl-8!"`
`599`	`601`	`creatable`
`600`	`602`	`createLabel="context"`
`601`	`603`	`onChange={(value) => {`