diff --git a/src/routes/safe/components/Settings/SafeDetails/index.tsx b/src/routes/safe/components/Settings/SafeDetails/index.tsx
index 3b91625e..40278365 100644
--- a/src/routes/safe/components/Settings/SafeDetails/index.tsx
+++ b/src/routes/safe/components/Settings/SafeDetails/index.tsx
@@ -1,4 +1,5 @@
import { makeStyles } from '@material-ui/core/styles'
+import cn from 'classnames'
import { withSnackbar } from 'notistack'
import React from 'react'
import { useDispatch, useSelector } from 'react-redux'
@@ -21,6 +22,7 @@ import { TX_NOTIFICATION_TYPES } from 'src/logic/safe/transactions'
import UpdateSafeModal from 'src/routes/safe/components/Settings/UpdateSafeModal'
import { grantedSelector } from 'src/routes/safe/container/selector'
import updateSafe from 'src/routes/safe/store/actions/updateSafe'
+import Link from 'src/components/layout/Link'
import {
latestMasterContractVersionSelector,
safeCurrentVersionSelector,
@@ -72,8 +74,15 @@ const SafeDetails = (props) => {
Safe Version
- {safeCurrentVersion}
- {safeNeedsUpdate && ` (there's a newer version: ${latestMasterContractVersion})`}
+
+ {safeCurrentVersion}
+ {safeNeedsUpdate && ` (there's a newer version: ${latestMasterContractVersion})`}
+
{safeNeedsUpdate && isUserOwner ? (
diff --git a/src/routes/safe/components/Settings/SafeDetails/style.ts b/src/routes/safe/components/Settings/SafeDetails/style.ts
index 7c1b233b..a2b55802 100644
--- a/src/routes/safe/components/Settings/SafeDetails/style.ts
+++ b/src/routes/safe/components/Settings/SafeDetails/style.ts
@@ -1,4 +1,4 @@
-import { boldFont, border, lg, sm } from 'src/theme/variables'
+import { boldFont, border, lg, sm, connected } from 'src/theme/variables'
export const styles = () => ({
formContainer: {
@@ -23,4 +23,11 @@ export const styles = () => ({
versionNumber: {
height: '21px',
},
+ link: {
+ color: `${connected}`,
+ textDecoration: 'none',
+ '&:hover': {
+ textDecoration: 'underline',
+ },
+ },
})