better alignment for secret toggle control (#724)

openziti · Dec 20, 2024 · bc2e07f · bc2e07f
1 parent 544c175
commit bc2e07f
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/ui100/src/SecretToggle.tsx b/ui100/src/SecretToggle.tsx
@@ -18,7 +18,7 @@ const SecretToggle = ({ secret }: SecretToggleProps) => {
                 <Grid2 display="flex" justifyContent="left">
                     <span>{secret}</span>
                 </Grid2>
-                <Grid2 display="flex" justifyContent="right">
+                <Grid2 display="flex" justifyContent="right" sx={{ flexGrow: 1 }}>
                     <HideIcon onClick={toggle} sx={{ ml: 1 }}/>
                 </Grid2>
             </Grid2>
@@ -29,7 +29,7 @@ const SecretToggle = ({ secret }: SecretToggleProps) => {
                 <Grid2 display="flex" justifyContent="left">
                     <span>XXXXXXXX</span>
                 </Grid2>
-                <Grid2 display="flex" justifyContent="right">
+                <Grid2 display="flex" justifyContent="right" sx={{ flexGrow: 1 }}>
                     <ShowIcon onClick={toggle} sx={{ ml: 1 }} />
                 </Grid2>
             </Grid2>