fix: lookup secrets formatting (#10)

ory · Sep 27, 2022 · 7b61431 · 7b61431
1 parent ade37ad
commit 7b61431
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/src/react-components/ory/helpers/node.tsx b/src/react-components/ory/helpers/node.tsx
@@ -44,12 +44,19 @@ export const Node = ({
     return node.attributes.text.id === 1050015 ? (
       <div
         className={gridStyle({ gap: 4, direction: "row" })}
-        style={{ display: "inline-flex", flexWrap: "wrap", gap: pxToRem(48) }}
+        style={{
+          display: "inline-flex",
+          flexWrap: "wrap",
+          gap: pxToRem(48),
+          maxWidth: "fit-content",
+          alignItems: "center",
+        }}
         data-testid={`node/text/${id}`}
       >
         <Typography
           variant="body1"
           data-testid={`node/text/${node.attributes.id}/label`}
+          style={{ flexBasis: "100%" }}
         >
           {node.meta.label?.text}
         </Typography>