diff --git a/packages/components/src/components/Passphrase/PassphraseTypeCard.tsx b/packages/components/src/components/Passphrase/PassphraseTypeCard.tsx
index c33bd4190d90..81140e17f1e6 100644
--- a/packages/components/src/components/Passphrase/PassphraseTypeCard.tsx
+++ b/packages/components/src/components/Passphrase/PassphraseTypeCard.tsx
@@ -9,11 +9,19 @@ import { setCaretPosition } from '@trezor/dom-utils';
 import styled, { css } from 'styled-components';
 
 // ok
-import { Button, useTheme, variables, Input, Tooltip, Checkbox, Icon } from '@trezor/components';
+import {
+    Button,
+    useTheme,
+    variables,
+    Input,
+    Tooltip,
+    Checkbox,
+    Icon,
+    motionProps,
+} from '@trezor/components';
 import { countBytesInString } from '@trezor/utils';
 
 // move to another package, shared package should not import from suite
-import ANIMATION from '@trezor/suite/src/config/suite/animation';
 
 // moved
 import PasswordStrengthIndicator from './PasswordStrengthIndicator';
@@ -388,7 +396,7 @@ export const PassphraseTypeCard = (props: Props) => {
                         {/* Submit button */}
                         {/* Visible in standalone modal for creating a hidden wallet or after a click also in modal for selecting wallet type */}
                         {(props.singleColModal || hiddenWalletTouched) && (
-                            <motion.div {...ANIMATION.EXPAND}>
+                            <motion.div {...motionProps.EXPAND}>
                                 <ActionButton
                                     data-test={`@passphrase/${
                                         props.type === 'hidden' ? 'hidden' : 'standard'