fix(ui): move alignItems and justifyContent on Stack components into sx prop

2026-09-16 10:19:14 +02:00
parent adc3cd1239
commit a5076a2c67
3 changed files with 7 additions and 5 deletions
--- a/src/components/settings/NumberSettingsPanel.jsx
+++ b/src/components/settings/NumberSettingsPanel.jsx
@@ -252,8 +252,7 @@ export default class NumberSettingsPanel extends Component {
                    <Stack
                      direction="row"
                      spacing={0}
-                      justifyContent="flex-end"
-                      alignItems="center"
+                      sx={{ justifyContent: 'flex-end', alignItems: 'center' }}
                    >
                      {draft.saveError ? (
                        <Box sx={{ maxWidth: 220, mr: 1 }}>
--- a/src/components/settings/SettingsKeysPanel.jsx
+++ b/src/components/settings/SettingsKeysPanel.jsx
@@ -203,8 +203,7 @@ export default class SettingsKeysPanel extends Component {
                    <Stack
                      direction="row"
                      spacing={0}
-                      justifyContent="flex-end"
-                      alignItems="center"
+                      sx={{ justifyContent: 'flex-end', alignItems: 'center' }}
                    >
                      {draft.saveError ? (
                        <Box sx={{ maxWidth: 220, mr: 1 }}>