From a1c53018c481be3b37bd1628dab13a359ed6c675 Mon Sep 17 00:00:00 2001
From: katspaugh <katspaugh@gmail.com>
Date: Fri, 28 Jul 2023 15:57:49 +0200
Subject: [PATCH] Adjust TxLayout margin

---
 src/components/tx-flow/common/TxLayout/index.tsx      |  7 ++-----
 .../tx-flow/common/TxLayout/styles.module.css         |  2 +-
 src/components/tx/security/SecurityWarnings.tsx       | 11 +++++++++++
 3 files changed, 14 insertions(+), 6 deletions(-)
 create mode 100644 src/components/tx/security/SecurityWarnings.tsx

diff --git a/src/components/tx-flow/common/TxLayout/index.tsx b/src/components/tx-flow/common/TxLayout/index.tsx
index 733ad21b77..4ef5154aa5 100644
--- a/src/components/tx-flow/common/TxLayout/index.tsx
+++ b/src/components/tx-flow/common/TxLayout/index.tsx
@@ -9,11 +9,10 @@ import { TxInfoProvider } from '@/components/tx-flow/TxInfoProvider'
 import TxNonce from '../TxNonce'
 import TxStatusWidget from '../TxStatusWidget'
 import css from './styles.module.css'
-import { TxSimulationMessage } from '@/components/tx/security/tenderly'
 import SafeLogo from '@/public/images/logo-no-text.svg'
-import { RedefineMessage } from '@/components/tx/security/redefine'
 import { TxSecurityProvider } from '@/components/tx/security/shared/TxSecurityContext'
 import ChainIndicator from '@/components/common/ChainIndicator'
+import SecurityWarnings from '@/components/tx/security/SecurityWarnings'
 
 const TxLayoutHeader = ({
   hideNonce,
@@ -147,9 +146,7 @@ const TxLayout = ({
                   )}
 
                   <Box className={css.sticky}>
-                    <RedefineMessage />
-
-                    <TxSimulationMessage />
+                    <SecurityWarnings />
                   </Box>
                 </Grid>
               </Grid>
diff --git a/src/components/tx-flow/common/TxLayout/styles.module.css b/src/components/tx-flow/common/TxLayout/styles.module.css
index 5ff2454e6a..ef349f1bc1 100644
--- a/src/components/tx-flow/common/TxLayout/styles.module.css
+++ b/src/components/tx-flow/common/TxLayout/styles.module.css
@@ -1,5 +1,5 @@
 .container {
-  margin-top: 42px;
+  margin-top: 10px;
 }
 
 .header {
diff --git a/src/components/tx/security/SecurityWarnings.tsx b/src/components/tx/security/SecurityWarnings.tsx
new file mode 100644
index 0000000000..f78c9fde22
--- /dev/null
+++ b/src/components/tx/security/SecurityWarnings.tsx
@@ -0,0 +1,11 @@
+import { RedefineMessage } from './redefine'
+import { TxSimulationMessage } from './tenderly'
+
+const SecurityWarnings = () => (
+  <>
+    <RedefineMessage />
+    <TxSimulationMessage />
+  </>
+)
+
+export default SecurityWarnings