fix(suite): fix layout in ReconnectDevicePrompt

trezor · Sep 10, 2024 · 6458ebd · 6458ebd
1 parent f5e9db0
commit 6458ebd
Showing 1 changed file with 4 additions and 9 deletions.
diff --git a/packages/suite/src/components/firmware/ReconnectDevicePrompt.tsx b/packages/suite/src/components/firmware/ReconnectDevicePrompt.tsx
@@ -11,9 +11,10 @@ import { useDevice, useFirmware } from 'src/hooks/suite';
 import { AbortButton } from 'src/components/suite/modals/AbortButton';
 import { ConfirmOnDevice } from '@trezor/product-components';
 import { TranslationKey } from '@suite-common/intl-types';
+import { spacings } from '@trezor/theme';
 
 const StyledModal = styled(Modal)`
-    width: 580px;
+    width: 600px;
 
     ${Modal.Body} {
         padding: 38px 22px 6px;
@@ -98,12 +99,6 @@ const StyledConfirmImage = styled(DeviceConfirmImage)`
     height: 200px;
 `;
 
-// eslint-disable-next-line local-rules/no-override-ds-component
-const Heading = styled(H2)`
-    margin-bottom: 16px;
-    font-weight: ${variables.FONT_WEIGHT.DEMI_BOLD};
-`;
-
 const StyledWebUsbButton = styled(WebUsbButton)`
     margin-top: 24px;
 `;
@@ -278,9 +273,9 @@ export const ReconnectDevicePrompt = ({ onClose, onSuccess }: ReconnectDevicePro
                 )}
 
                 <Content>
-                    <Heading>
+                    <H2 margin={{ bottom: spacings.md }}>
                         <Translation id={getHeading()} />
-                    </Heading>
+                    </H2>
 
                     {!isRebootDone ? (
                         <>