Small UI adjustments

src/components/common/AddressInput/index.tsx

@@ -128,7 +128,7 @@ const AddressInput = ({
 
           // Display the current short name in the adornment, unless the value contains the same prefix
           startAdornment: (
-            <InputAdornment position="end">
+            <InputAdornment position="end" sx={{ ml: 0 }}>
               <Skeleton variant="circular" width={32} height={32} animation={false} sx={{ marginRight: '0.5em' }} />
               {!rawValueRef.current.startsWith(`${currentShortName}:`) && <>{currentShortName}:</>}
             </InputAdornment>

src/components/tx-flow/flows/RemoveOwner/ReviewRemoveOwner.tsx

@@ -17,7 +17,7 @@ import commonCss from '@/components/tx-flow/common/styles.module.css'
 export const ReviewRemoveOwner = ({ params }: { params: RemoveOwnerFlowProps }): ReactElement => {
   const addressBook = useAddressBook()
   const { setSafeTx, setSafeTxError } = useContext(SafeTxContext)
-  const { safe, safeAddress } = useSafeInfo()
+  const { safe } = useSafeInfo()
   const { removedOwner, threshold } = params
 
   useEffect(() => {

src/components/tx-flow/flows/SignMessage/SignMessage.tsx

@@ -200,11 +200,9 @@ const SignMessage = ({ message, safeAppId, requestId }: ProposeProps | ConfirmPr
 
       <TxCard>
         <CardActions>
-          <Box display="flex" justifyContent="space-between" width="100%">
-            <Button variant="contained" color="primary" onClick={onSign} disabled={isDisabled}>
-              Sign
-            </Button>
-          </Box>
+          <Button variant="contained" color="primary" onClick={onSign} disabled={isDisabled}>
+            Sign
+          </Button>
         </CardActions>
       </TxCard>
     </>

src/components/tx-flow/flows/TokenTransfer/SendAmountBlock.tsx

@@ -16,7 +16,7 @@ export const AmountBlock = ({
   children?: ReactNode
 }) => {
   return (
-    <Grid item className={css.token}>
+    <Grid item md={10} className={css.token}>
       <TokenIcon logoUri={tokenInfo.logoUri} tokenSymbol={tokenInfo.symbol} />
       <Typography fontWeight="bold">{tokenInfo.symbol}</Typography>
       {children}
@@ -41,8 +41,8 @@ const SendAmountBlock = ({
   title?: string
 }) => {
   return (
-    <Grid container gap={1} alignItems="center">
-      <Grid item xs={4} md={2}>
+    <Grid container alignItems="center" sx={{ gap: 1 }}>
+      <Grid item md>
         <Typography variant="body2" color="text.secondary">
           {title}
         </Typography>

src/components/tx-flow/flows/TokenTransfer/SendToBlock.tsx

@@ -3,13 +3,13 @@ import EthHashInfo from '@/components/common/EthHashInfo'
 
 const SendToBlock = ({ address, title = 'To' }: { address: string; title?: string }) => {
   return (
-    <Grid container gap={1} alignItems="center">
+    <Grid container alignItems="center" sx={{ gap: 1 }}>
       <Grid item md>
         <Typography variant="body2" color="text.secondary" noWrap>
           {title}
         </Typography>
       </Grid>
-      <Grid item xs={8} md={10}>
+      <Grid item md={10}>
         <Typography variant="body2" component="div">
           <EthHashInfo address={address} shortAddress={false} hasExplorer showCopyButton />
         </Typography>

src/components/tx-flow/flows/UpdateSafe/index.tsx

@@ -1,9 +1,10 @@
 import TxLayout from '@/components/tx-flow/common/TxLayout'
 import { UpdateSafeReview } from './UpdateSafeReview'
+import SettingsIcon from '@/public/images/sidebar/settings.svg'
 
 const UpdateSafeFlow = () => {
   return (
-    <TxLayout title="Update Safe Account version">
+    <TxLayout title="Confirm transaction" subtitle="Update Safe Account version" icon={SettingsIcon}>
       <UpdateSafeReview />
     </TxLayout>
   )

src/components/tx/DecodedTx/index.tsx

@@ -68,7 +68,7 @@ const DecodedTx = ({ tx, txId }: DecodedTxProps): ReactElement | null => {
     trackEvent({ ...MODALS_EVENTS.TX_DETAILS, label: expanded ? 'Open' : 'Close' })
   }
 
-  if (isRejection) return null
+  if (isRejection || !tx) return null
 
   return (
     <div>

src/components/tx/SignOrExecuteForm/styles.module.css

@@ -46,7 +46,8 @@
   margin-top: var(--space-2) !important;
 }
 
-.mobileTxCheckMessages {
+.mobileTxCheckMessages,
+.mobileTxCheckMessages:empty {
   display: none;
 }
 

src/components/tx/security/redefine/styles.module.css

@@ -40,6 +40,7 @@
 .balanceChange {
   display: flex;
   margin-bottom: 6px;
+  align-items: center;
 }
 
 .balanceChange:last-child {