From 7a550e3ed3e13e3e3c8fb883c6e08c9438b3dd00 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Agust=C3=ADn=20Longoni?= <agustin.longoni@altoros.com>
Date: Thu, 11 Feb 2021 15:08:32 -0300
Subject: [PATCH] fix Advanced option style on reject modal

---
 .../GatewayTransactions/modals/RejectTxModal.tsx       | 10 ++++++----
 .../Transactions/GatewayTransactions/modals/style.ts   |  6 +++++-
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/routes/safe/components/Transactions/GatewayTransactions/modals/RejectTxModal.tsx b/src/routes/safe/components/Transactions/GatewayTransactions/modals/RejectTxModal.tsx
index 571c0678..97637461 100644
--- a/src/routes/safe/components/Transactions/GatewayTransactions/modals/RejectTxModal.tsx
+++ b/src/routes/safe/components/Transactions/GatewayTransactions/modals/RejectTxModal.tsx
@@ -117,12 +117,14 @@ export const RejectTxModal = ({ isOpen, onClose, gwTransaction }: Props): React.
                 <TxParametersDetail
                   txParameters={txParameters}
                   onEdit={toggleEditMode}
-                  compact={false}
                   parametersStatus={getParametersStatus()}
                   isTransactionCreation={isCreation}
                   isTransactionExecution={isExecution}
                 />
-                <Row>
+              </Block>
+
+              {txEstimationExecutionStatus === EstimationStatus.LOADING ? null : (
+                <Block className={classes.gasCostsContainer}>
                   <TransactionFees
                     gasCostFormatted={gasCostFormatted}
                     isExecution={isExecution}
@@ -130,8 +132,8 @@ export const RejectTxModal = ({ isOpen, onClose, gwTransaction }: Props): React.
                     isOffChainSignature={isOffChainSignature}
                     txEstimationExecutionStatus={txEstimationExecutionStatus}
                   />
-                </Row>
-              </Block>
+                </Block>
+              )}
               <Row align="center" className={classes.buttonRow}>
                 <Button minHeight={42} minWidth={140} onClick={onClose}>
                   Exit
diff --git a/src/routes/safe/components/Transactions/GatewayTransactions/modals/style.ts b/src/routes/safe/components/Transactions/GatewayTransactions/modals/style.ts
index a4440670..19a99e1e 100644
--- a/src/routes/safe/components/Transactions/GatewayTransactions/modals/style.ts
+++ b/src/routes/safe/components/Transactions/GatewayTransactions/modals/style.ts
@@ -1,5 +1,5 @@
 import { createStyles } from '@material-ui/core'
-import { border, lg, md, sm } from 'src/theme/variables'
+import { background, border, lg, md, sm } from 'src/theme/variables'
 
 export const styles = createStyles({
   heading: {
@@ -30,4 +30,8 @@ export const styles = createStyles({
     marginTop: sm,
     fontSize: md,
   },
+  gasCostsContainer: {
+    backgroundColor: background,
+    padding: `0 ${lg}`,
+  },
 })