diff --git a/.env.example b/.env.example
index add2b488e4..d4d5a82b0a 100644
--- a/.env.example
+++ b/.env.example
@@ -8,6 +8,7 @@ REACT_APP_INFURA_TOKEN=
 REACT_APP_IPFS_GATEWAY=https://ipfs.io/ipfs
 REACT_APP_SENTRY_DSN=
 REACT_APP_SAFE_APPS_RPC_INFURA_TOKEN=
+REACT_APP_BEAMER_ID=
 
 # For production environments
 REACT_APP_INTERCOM_ID=
diff --git a/package.json b/package.json
index 200060cc1f..c1ca403211 100644
--- a/package.json
+++ b/package.json
@@ -88,7 +88,7 @@
     "@gnosis.pm/safe-apps-sdk-v1": "npm:@gnosis.pm/safe-apps-sdk@0.4.2",
     "@gnosis.pm/safe-core-sdk": "^2.0.0",
     "@gnosis.pm/safe-deployments": "^1.8.0",
-    "@gnosis.pm/safe-react-components": "^0.9.7",
+    "@gnosis.pm/safe-react-components": "^0.9.8",
     "@gnosis.pm/safe-react-gateway-sdk": "2.8.3",
     "@gnosis.pm/safe-web3-lib": "^1.0.0",
     "@material-ui/core": "^4.12.3",
diff --git a/src/components/AppLayout/Footer/Footer.test.tsx b/src/components/AppLayout/Footer/Footer.test.tsx
index 8652e14287..e93f7323d0 100644
--- a/src/components/AppLayout/Footer/Footer.test.tsx
+++ b/src/components/AppLayout/Footer/Footer.test.tsx
@@ -1,5 +1,4 @@
 import Footer from './index'
-import CookiesBanner from 'src/components/CookiesBanner'
 import { render, fireEvent, screen } from 'src/utils/test-utils'
 
 describe('<Footer>', () => {
@@ -82,23 +81,6 @@ describe('<Footer>', () => {
     expect(cookiePolicyLinkNode).toHaveAttribute('target', '_blank')
   })
 
-  it('Should show preference cookies banner form when clicks on Preferences Link', () => {
-    render(
-      <>
-        <Footer />
-        <CookiesBanner />
-      </>,
-    )
-
-    expect(screen.queryByTestId('cookies-banner-form')).not.toBeInTheDocument()
-
-    const preferencesCookiesNode = screen.getByText('Preferences')
-
-    fireEvent.click(preferencesCookiesNode)
-
-    expect(screen.queryByTestId('cookies-banner-form')).toBeInTheDocument()
-  })
-
   it('Should show the current Safe React version if its defined in environment variables', () => {
     process.env.REACT_APP_APP_VERSION = '1.1.1'
 
diff --git a/src/components/AppLayout/Sidebar/index.tsx b/src/components/AppLayout/Sidebar/index.tsx
index f4d710c9a8..96fd8c9422 100644
--- a/src/components/AppLayout/Sidebar/index.tsx
+++ b/src/components/AppLayout/Sidebar/index.tsx
@@ -1,11 +1,16 @@
 import { lazy, useMemo } from 'react'
 import styled from 'styled-components'
-import { Divider, IconText } from '@gnosis.pm/safe-react-components'
+import { Divider } from '@gnosis.pm/safe-react-components'
+import { useDispatch } from 'react-redux'
 
-import List, { ListItemType } from 'src/components/List'
+import List, { ListItemType, StyledListItem, StyledListItemText } from 'src/components/List'
 import SafeHeader from './SafeHeader'
 import { IS_PRODUCTION } from 'src/utils/constants'
 import { wrapInSuspense } from 'src/utils/wrapInSuspense'
+import ListIcon from 'src/components/List/ListIcon'
+import { openCookieBanner } from 'src/logic/cookies/store/actions/openCookieBanner'
+import { loadFromCookie } from 'src/logic/cookies/utils'
+import { COOKIES_KEY, BannerCookiesType, COOKIE_IDS } from 'src/logic/cookies/model/cookie'
 
 const StyledDivider = styled(Divider)`
   margin: 16px -8px 0;
@@ -15,18 +20,24 @@ const HelpContainer = styled.div`
   margin-top: auto;
 `
 
+const HelpList = styled.div`
+  margin: 24px 0;
+`
+
 const HelpCenterLink = styled.a`
-  height: 30px;
-  width: 166px;
-  padding: 6px 0 8px 16px;
-  margin: 14px 0px;
+  width: 100%;
+  display: flex;
+  position: relative;
+  box-sizing: border-box;
+  text-align: left;
+  align-items: center;
+  padding: 8px 16px;
+  justify-content: flex-start;
   text-decoration: none;
-  display: block;
+  border-radius: 8px;
 
   &:hover {
-    border-radius: 8px;
     background-color: ${({ theme }) => theme.colors.background};
-    box-sizing: content-box;
   }
   p {
     font-family: ${({ theme }) => theme.fonts.fontFamily};
@@ -57,6 +68,8 @@ const lazyLoad = (path: string): React.ReactElement => {
   return wrapInSuspense(<Component />)
 }
 
+const isDesktop = process.env.REACT_APP_BUILD_FOR_DESKTOP
+
 const Sidebar = ({
   items,
   balance,
@@ -68,6 +81,23 @@ const Sidebar = ({
   onNewTransactionClick,
 }: Props): React.ReactElement => {
   const debugToggle = useMemo(() => (IS_PRODUCTION ? null : lazyLoad('./DebugToggle')), [])
+  const dispatch = useDispatch()
+
+  const handleClick = (): void => {
+    const cookiesState = loadFromCookie<BannerCookiesType>(COOKIES_KEY)
+    if (!cookiesState) {
+      dispatch(openCookieBanner({ cookieBannerOpen: true }))
+      return
+    }
+    if (!cookiesState.acceptedSupportAndUpdates) {
+      dispatch(
+        openCookieBanner({
+          cookieBannerOpen: true,
+          key: COOKIE_IDS.BEAMER,
+        }),
+      )
+    }
+  }
 
   return (
     <>
@@ -93,9 +123,19 @@ const Sidebar = ({
 
         <StyledDivider />
 
-        <HelpCenterLink href="https://help.gnosis-safe.io/en/" target="_blank" title="Help Center of Gnosis Safe">
-          <IconText text="HELP CENTER" iconSize="md" textSize="md" color="placeHolder" iconType="question" />
-        </HelpCenterLink>
+        <HelpList>
+          {!isDesktop && (
+            <StyledListItem id="whats-new-button" button onClick={handleClick}>
+              <ListIcon type="gift" />
+              <StyledListItemText>What&apos;s new</StyledListItemText>
+            </StyledListItem>
+          )}
+
+          <HelpCenterLink href="https://help.gnosis-safe.io/en/" target="_blank" title="Help Center of Gnosis Safe">
+            <ListIcon type="question" />
+            <StyledListItemText>Help Center</StyledListItemText>
+          </HelpCenterLink>
+        </HelpList>
       </HelpContainer>
     </>
   )
diff --git a/src/components/CookiesBanner/index.tsx b/src/components/CookiesBanner/index.tsx
index a0b1f1868a..8edd8585a5 100644
--- a/src/components/CookiesBanner/index.tsx
+++ b/src/components/CookiesBanner/index.tsx
@@ -1,21 +1,21 @@
 import Checkbox from '@material-ui/core/Checkbox'
 import FormControlLabel from '@material-ui/core/FormControlLabel'
 import { makeStyles } from '@material-ui/core/styles'
-import { ReactElement, useEffect, useRef, useState } from 'react'
+import { Fragment, ReactElement, useCallback, useEffect, useState } from 'react'
 import { useDispatch, useSelector } from 'react-redux'
 import Button from 'src/components/layout/Button'
 import Link from 'src/components/layout/Link'
-import { COOKIES_KEY } from 'src/logic/cookies/model/cookie'
-import { openCookieBanner } from 'src/logic/cookies/store/actions/openCookieBanner'
-import { cookieBannerOpen } from 'src/logic/cookies/store/selectors'
+import { COOKIES_KEY, BannerCookiesType, COOKIE_IDS, COOKIE_ALERTS } from 'src/logic/cookies/model/cookie'
+import { closeCookieBanner, openCookieBanner } from 'src/logic/cookies/store/actions/openCookieBanner'
+import { cookieBannerState } from 'src/logic/cookies/store/selectors'
 import { loadFromCookie, saveCookie } from 'src/logic/cookies/utils'
 import { mainFontFamily, md, primary, screenSm } from 'src/theme/variables'
-import { loadGoogleAnalytics, removeCookies } from 'src/utils/googleAnalytics'
+import { loadGoogleAnalytics, unloadGoogleAnalytics } from 'src/utils/googleAnalytics'
 import { closeIntercom, isIntercomLoaded, loadIntercom } from 'src/utils/intercom'
 import AlertRedIcon from './assets/alert-red.svg'
 import IntercomIcon from './assets/intercom.png'
 import { useSafeAppUrl } from 'src/logic/hooks/useSafeAppUrl'
-import { CookieAttributes } from 'js-cookie'
+import { loadBeamer, unloadBeamer } from 'src/utils/beamer'
 
 const isDesktop = process.env.REACT_APP_BUILD_FOR_DESKTOP
 
@@ -80,214 +80,229 @@ const useStyles = makeStyles({
       marginRight: '5px',
     },
   },
-  intercomImage: {
-    position: 'fixed',
-    cursor: 'pointer',
-    height: '80px',
-    width: '80px',
-    bottom: '8px',
-    right: '10px',
-    zIndex: '1000',
-    boxShadow: '1px 2px 10px 0 var(rgba(40, 54, 61, 0.18))',
-  },
 } as any)
 
-interface CookiesBannerFormProps {
-  alertMessage: boolean
+const CookiesBannerForm = (props: {
+  onSubmit: (formNecessary: boolean, formSupportAndUpdates: boolean, formAnalytics: boolean) => void
+  cookiesNecessary: boolean
+  cookiesAnalytics: boolean
+  cookiesSupportAndUpdates: boolean
+}): ReactElement => {
+  const [formNecessary, setFormNecessary] = useState(props.cookiesNecessary)
+  const [formSupportAndUpdates, setFormSupportAndUpdates] = useState(props.cookiesSupportAndUpdates)
+  const [formAnalytics, setFormAnalytics] = useState(props.cookiesAnalytics)
+  const { key } = useSelector(cookieBannerState)
+  const classes = useStyles()
+
+  const onAccept = () => {
+    props.onSubmit(formNecessary, formSupportAndUpdates, formAnalytics)
+  }
+
+  const onAcceptAll = () => {
+    setFormNecessary(true)
+    setFormSupportAndUpdates(true)
+    setFormAnalytics(true)
+
+    // A delay for visual feedback
+    setTimeout(() => {
+      props.onSubmit(true, true, true)
+    }, 300)
+  }
+
+  return (
+    <div data-testid="cookies-banner-form" className={classes.container}>
+      <div className={classes.content}>
+        {key && (
+          <div className={classes.intercomAlert}>
+            <img src={AlertRedIcon} />
+            {COOKIE_ALERTS[key]}
+          </div>
+        )}
+        <p className={classes.text}>
+          We use cookies to provide you with the best experience and to help improve our website and application. Please
+          read our{' '}
+          <Link className={classes.link} to="https://gnosis-safe.io/cookie">
+            Cookie Policy
+          </Link>{' '}
+          for more information. By clicking &quot;Accept all&quot;, you agree to the storing of cookies on your device
+          to enhance site navigation, analyze site usage and provide customer support.
+        </p>
+        <div className={classes.form}>
+          <div className={classes.formItem}>
+            <FormControlLabel
+              checked={formNecessary}
+              control={<Checkbox disabled />}
+              disabled
+              label="Necessary"
+              name="Necessary"
+              onChange={() => setFormNecessary((prev) => !prev)}
+              value={formNecessary}
+            />
+          </div>
+          <div className={classes.formItem}>
+            <FormControlLabel
+              control={<Checkbox checked={formSupportAndUpdates} />}
+              label="Community support & updates"
+              name="Community support & updates"
+              onChange={() => setFormSupportAndUpdates((prev) => !prev)}
+              value={formSupportAndUpdates}
+            />
+          </div>
+          <div className={classes.formItem}>
+            <FormControlLabel
+              control={<Checkbox checked={formAnalytics} />}
+              label="Analytics"
+              name="Analytics"
+              onChange={() => setFormAnalytics((prev) => !prev)}
+              value={formAnalytics}
+            />
+          </div>
+          <div className={classes.formItem}>
+            <Button color="primary" component={Link} minWidth={180} onClick={onAccept} variant="outlined">
+              Accept selection
+            </Button>
+          </div>
+          <div className={classes.formItem}>
+            <Button color="primary" component={Link} minWidth={180} onClick={onAcceptAll} variant="contained">
+              Accept all
+            </Button>
+          </div>
+        </div>
+      </div>
+    </div>
+  )
 }
 
-const CookiesBanner = (): ReactElement => {
-  const classes = useStyles()
-  const dispatch = useRef(useDispatch())
-  const intercomLoaded = isIntercomLoaded()
+const FakeIntercomButton = ({ onClick }: { onClick: () => void }): ReactElement => {
+  return (
+    <img
+      style={{
+        position: 'fixed',
+        cursor: 'pointer',
+        height: '80px',
+        width: '80px',
+        bottom: '8px',
+        right: '10px',
+        zIndex: 1000,
+        boxShadow: '1px 2px 10px 0 var(rgba(40, 54, 61, 0.18))',
+      }}
+      src={IntercomIcon}
+      onClick={onClick}
+    />
+  )
+}
 
-  const [showAnalytics, setShowAnalytics] = useState(false)
-  const [showIntercom, setShowIntercom] = useState(false)
-  const [localNecessary, setLocalNecessary] = useState(true)
-  const [localAnalytics, setLocalAnalytics] = useState(false)
-  const [localIntercom, setLocalIntercom] = useState(false)
-  const { getAppUrl } = useSafeAppUrl()
+const CookiesBanner = isDesktop
+  ? Fragment
+  : (): ReactElement => {
+      const dispatch = useDispatch()
 
-  const showBanner = useSelector(cookieBannerOpen)
-  const newAppUrl = getAppUrl()
-  const isSafeAppView = newAppUrl !== null
+      const [localNecessary, setLocalNecessary] = useState(true)
+      const [localSupportAndUpdates, setLocalSupportAndUpdates] = useState(false)
+      const [localAnalytics, setLocalAnalytics] = useState(false)
 
-  useEffect(() => {
-    if (showIntercom && !isSafeAppView) {
-      loadIntercom()
-    }
-  }, [showIntercom, isSafeAppView])
+      const { cookieBannerOpen } = useSelector(cookieBannerState)
+      const isSafeAppView = useSafeAppUrl().getAppUrl() !== null
 
-  useEffect(() => {
-    if (intercomLoaded && isSafeAppView) {
-      closeIntercom()
-    }
-  }, [isSafeAppView, intercomLoaded])
+      const openBanner = useCallback((): void => {
+        dispatch(
+          openCookieBanner({
+            cookieBannerOpen: true,
+            key: COOKIE_IDS.INTERCOM,
+          }),
+        )
+      }, [dispatch])
+
+      const closeBanner = useCallback((): void => {
+        dispatch(closeCookieBanner())
+      }, [dispatch])
 
-  useEffect(() => {
-    async function fetchCookiesFromStorage() {
-      const cookiesState = await loadFromCookie(COOKIES_KEY)
-      if (!cookiesState) {
-        dispatch.current(openCookieBanner({ cookieBannerOpen: true }))
-      } else {
-        const { acceptedIntercom, acceptedAnalytics, acceptedNecessary } = cookiesState
-        if (acceptedIntercom === undefined) {
-          const newState = {
+      const saveNewCookieState = (
+        acceptedNecessary: boolean,
+        acceptedSupportAndUpdates: boolean,
+        acceptedAnalytics: boolean,
+      ): void => {
+        saveCookie<BannerCookiesType>(
+          COOKIES_KEY,
+          {
             acceptedNecessary,
+            acceptedSupportAndUpdates,
             acceptedAnalytics,
-            acceptedIntercom: acceptedAnalytics,
-          }
-          const cookieConfig: CookieAttributes = {
+          },
+          {
+            // Ask again in a week, if Analytics wasn't accepted
             expires: acceptedAnalytics ? 365 : 7,
-          }
-          await saveCookie(COOKIES_KEY, newState, cookieConfig)
-          setLocalIntercom(newState.acceptedIntercom)
-          setShowIntercom(newState.acceptedIntercom)
-        } else {
-          setLocalIntercom(acceptedIntercom)
-          setShowIntercom(acceptedIntercom)
+          },
+        )
+      }
+
+      const acceptCookiesHandler = (
+        cookiesNecessary: boolean,
+        cookiesSupportAndUpdates: boolean,
+        cookiesAnalytics: boolean,
+      ): void => {
+        closeBanner()
+        saveNewCookieState(cookiesNecessary, cookiesSupportAndUpdates, cookiesAnalytics)
+
+        setLocalNecessary(cookiesNecessary)
+        setLocalAnalytics(cookiesAnalytics)
+        setLocalSupportAndUpdates(cookiesSupportAndUpdates)
+      }
+
+      // Init cookie banner's own cookie
+      useEffect(() => {
+        const cookiesState = loadFromCookie<BannerCookiesType>(COOKIES_KEY)
+
+        // First visit to the app
+        if (!cookiesState) {
+          openBanner()
+          return
         }
-        setLocalAnalytics(acceptedAnalytics)
+
+        const { acceptedNecessary, acceptedSupportAndUpdates, acceptedAnalytics } = cookiesState
         setLocalNecessary(acceptedNecessary)
+        setLocalSupportAndUpdates(acceptedSupportAndUpdates)
+        setLocalAnalytics(acceptedAnalytics)
+      }, [setLocalNecessary, setLocalSupportAndUpdates, setLocalAnalytics, openBanner])
 
-        if (acceptedAnalytics && !isDesktop) {
-          loadGoogleAnalytics()
-        }
-      }
-    }
-    fetchCookiesFromStorage()
-  }, [showAnalytics, showIntercom])
+      // Load or unload analytics depending on user choice
+      useEffect(() => {
+        localAnalytics ? loadGoogleAnalytics() : unloadGoogleAnalytics()
+      }, [localAnalytics])
 
-  const acceptCookiesHandler = async () => {
-    const newState = {
-      acceptedNecessary: true,
-      acceptedAnalytics: !isDesktop,
-      acceptedIntercom: true,
-    }
-    const cookieConfig: CookieAttributes = {
-      expires: 365,
-    }
-    await saveCookie(COOKIES_KEY, newState, cookieConfig)
-    setShowAnalytics(!isDesktop)
-    setShowIntercom(true)
-    dispatch.current(openCookieBanner({ cookieBannerOpen: false }))
-  }
+      // Toggle Intercom
+      useEffect(() => {
+        if (isSafeAppView || !localSupportAndUpdates) {
+          isIntercomLoaded() && closeIntercom()
+          return
+        }
 
-  const closeCookiesBannerHandler = async () => {
-    const newState = {
-      acceptedNecessary: true,
-      acceptedAnalytics: localAnalytics,
-      acceptedIntercom: localIntercom,
-    }
-    const cookieConfig: CookieAttributes = {
-      expires: localAnalytics ? 365 : 7,
-    }
-    await saveCookie(COOKIES_KEY, newState, cookieConfig)
-    setShowAnalytics(localAnalytics)
-    setShowIntercom(localIntercom)
+        if (!isSafeAppView && localSupportAndUpdates) {
+          !isIntercomLoaded() && loadIntercom()
+        }
+      }, [localSupportAndUpdates, isSafeAppView])
 
-    if (!localAnalytics) {
-      removeCookies()
-    }
+      // Toggle Beamer
+      useEffect(() => {
+        localSupportAndUpdates ? loadBeamer() : unloadBeamer()
+      }, [localSupportAndUpdates])
 
-    if (!localIntercom && isIntercomLoaded()) {
-      closeIntercom()
-    }
-    dispatch.current(openCookieBanner({ cookieBannerOpen: false }))
-  }
+      return (
+        <>
+          {/* A fake Intercom button before Intercom is loaded */}
+          {!localSupportAndUpdates && !isSafeAppView && <FakeIntercomButton onClick={openBanner} />}
 
-  const CookiesBannerForm = (props: CookiesBannerFormProps) => {
-    const { alertMessage } = props
-    return (
-      <div data-testid="cookies-banner-form" className={classes.container}>
-        <div className={classes.content}>
-          {alertMessage && (
-            <div className={classes.intercomAlert}>
-              <img src={AlertRedIcon} />
-              You attempted to open the customer support chat. Please accept the customer support cookie.
-            </div>
+          {/* The cookie banner itself */}
+          {cookieBannerOpen && (
+            <CookiesBannerForm
+              cookiesNecessary={localNecessary}
+              cookiesSupportAndUpdates={localSupportAndUpdates}
+              cookiesAnalytics={localAnalytics}
+              onSubmit={acceptCookiesHandler}
+            />
           )}
-          <p className={classes.text}>
-            We use cookies to provide you with the best experience and to help improve our website and application.
-            Please read our{' '}
-            <Link className={classes.link} to="https://gnosis-safe.io/cookie">
-              Cookie Policy
-            </Link>{' '}
-            for more information. By clicking &quot;Accept all&quot;, you agree to the storing of cookies on your device
-            to enhance site navigation, analyze site usage and provide customer support.
-          </p>
-          <div className={classes.form}>
-            <div className={classes.formItem}>
-              <FormControlLabel
-                checked={localNecessary}
-                control={<Checkbox disabled />}
-                disabled
-                label="Necessary"
-                name="Necessary"
-                onChange={() => setLocalNecessary((prev) => !prev)}
-                value={localNecessary}
-              />
-            </div>
-            <div className={classes.formItem}>
-              <FormControlLabel
-                control={<Checkbox checked={localIntercom} />}
-                label="Customer support"
-                name="Customer support"
-                onChange={() => setLocalIntercom((prev) => !prev)}
-                value={localIntercom}
-              />
-            </div>
-            <div className={classes.formItem}>
-              <FormControlLabel
-                control={<Checkbox checked={localAnalytics} />}
-                label="Analytics"
-                name="Analytics"
-                onChange={() => setLocalAnalytics((prev) => !prev)}
-                value={localAnalytics}
-              />
-            </div>
-            <div className={classes.formItem}>
-              <Button
-                color="primary"
-                component={Link}
-                minWidth={180}
-                onClick={() => closeCookiesBannerHandler()}
-                variant="outlined"
-              >
-                Accept selection
-              </Button>
-            </div>
-            <div className={classes.formItem}>
-              <Button
-                color="primary"
-                component={Link}
-                minWidth={180}
-                onClick={() => acceptCookiesHandler()}
-                variant="contained"
-              >
-                Accept all
-              </Button>
-            </div>
-          </div>
-        </div>
-      </div>
-    )
-  }
-
-  return (
-    <>
-      {!isDesktop && !showIntercom && !isSafeAppView && (
-        <img
-          className={classes.intercomImage}
-          src={IntercomIcon}
-          onClick={() => dispatch.current(openCookieBanner({ cookieBannerOpen: true, intercomAlertDisplayed: true }))}
-        />
-      )}
-      {!isDesktop && showBanner?.cookieBannerOpen && (
-        <CookiesBannerForm alertMessage={showBanner?.intercomAlertDisplayed} />
-      )}
-    </>
-  )
-}
+        </>
+      )
+    }
 
 export default CookiesBanner
diff --git a/src/components/List/index.tsx b/src/components/List/index.tsx
index f3dda1a653..e2b9b75116 100644
--- a/src/components/List/index.tsx
+++ b/src/components/List/index.tsx
@@ -9,12 +9,17 @@ import ListItem, { ListItemProps } from '@material-ui/core/ListItem'
 import ListItemText from '@material-ui/core/ListItemText'
 import Collapse from '@material-ui/core/Collapse'
 import { FixedIcon } from '@gnosis.pm/safe-react-components'
+import { secondary } from 'src/theme/variables'
 
-const StyledListItem = styled(ListItem)<ListItemProps>`
+export const StyledListItem = styled(ListItem)<ListItemProps>`
   &.MuiButtonBase-root.MuiListItem-root {
     margin: 4px 0;
   }
 
+  & .MuiListItemText-root span {
+    line-height: 1;
+  }
+
   &.MuiListItem-button:hover {
     border-radius: 8px;
   }
@@ -30,6 +35,17 @@ const StyledListItem = styled(ListItem)<ListItemProps>`
       fill: ${({ theme }) => theme.colors.primary};
     }
   }
+
+  & .beamer_icon.active {
+    background-color: ${secondary} !important;
+    top: auto;
+    bottom: 8px;
+    left: 31px;
+    width: 6px;
+    height: 6px;
+    border: white solid 1px;
+    text-indent: -9000px;
+  }
 `
 
 const StyledListSubItem = styled(ListItem)<ListItemProps>`
@@ -37,6 +53,10 @@ const StyledListSubItem = styled(ListItem)<ListItemProps>`
     margin: 4px 0;
   }
 
+  & .MuiListItemText-root span {
+    line-height: 1;
+  }
+
   &.MuiListItem-button:hover {
     border-radius: 8px;
   }
@@ -54,7 +74,7 @@ const StyledListSubItem = styled(ListItem)<ListItemProps>`
   }
 `
 
-const StyledListItemText = styled(ListItemText)`
+export const StyledListItemText = styled(ListItemText)`
   span {
     font-family: ${({ theme }) => theme.fonts.fontFamily};
     font-size: 0.76em;
diff --git a/src/logic/cookies/model/cookie.ts b/src/logic/cookies/model/cookie.ts
index e0b0179277..cad9e2fbe3 100644
--- a/src/logic/cookies/model/cookie.ts
+++ b/src/logic/cookies/model/cookie.ts
@@ -1,2 +1,21 @@
 export const COOKIES_KEY = 'COOKIES'
 export const COOKIES_KEY_INTERCOM = `${COOKIES_KEY}_INTERCOM`
+
+export enum COOKIE_IDS {
+  INTERCOM = 'INTERCOM',
+  BEAMER = 'BEAMER',
+}
+
+export const COOKIE_ALERTS: Record<COOKIE_IDS, string> = {
+  INTERCOM: 'You attempted to open the customer support chat. Please accept the community support & updates cookies',
+  BEAMER: "You attempted to open the What's New section. Please accept the community support & updates cookies.",
+}
+
+export type BannerCookiesType = {
+  acceptedNecessary: boolean
+  acceptedSupportAndUpdates: boolean
+  acceptedAnalytics: boolean
+}
+export type IntercomCookieType = {
+  userId: string
+}
diff --git a/src/logic/cookies/store/actions/openCookieBanner.ts b/src/logic/cookies/store/actions/openCookieBanner.ts
index e3db9cb702..b7e3392857 100644
--- a/src/logic/cookies/store/actions/openCookieBanner.ts
+++ b/src/logic/cookies/store/actions/openCookieBanner.ts
@@ -2,6 +2,10 @@ import { createAction } from 'redux-actions'
 
 import { OpenCookieBannerPayload } from 'src/logic/cookies/store/reducer/cookies'
 
-export const OPEN_COOKIE_BANNER = 'OPEN_COOKIE_BANNER'
+export enum COOKIE_ACTIONS {
+  OPEN_BANNER = 'cookies/openCookieBanner',
+  CLOSE_BANNER = 'cookies/closeCookieBanner',
+}
 
-export const openCookieBanner = createAction<OpenCookieBannerPayload>(OPEN_COOKIE_BANNER)
+export const openCookieBanner = createAction<OpenCookieBannerPayload>(COOKIE_ACTIONS.OPEN_BANNER)
+export const closeCookieBanner = createAction(COOKIE_ACTIONS.CLOSE_BANNER)
diff --git a/src/logic/cookies/store/reducer/cookies.ts b/src/logic/cookies/store/reducer/cookies.ts
index d2a51b1fe9..d1cb0f96ea 100644
--- a/src/logic/cookies/store/reducer/cookies.ts
+++ b/src/logic/cookies/store/reducer/cookies.ts
@@ -1,21 +1,32 @@
-import { Map } from 'immutable'
 import { handleActions } from 'redux-actions'
-import { OPEN_COOKIE_BANNER } from 'src/logic/cookies/store/actions/openCookieBanner'
+
+import { COOKIE_IDS } from 'src/logic/cookies/model/cookie'
+import { COOKIE_ACTIONS } from 'src/logic/cookies/store/actions/openCookieBanner'
 
 export const COOKIES_REDUCER_ID = 'cookies'
 
-type CookieState = Map<string, any>
+export type CookieState = {
+  cookieBannerOpen: boolean
+  key?: COOKIE_IDS
+}
+
+const initialState: CookieState = {
+  cookieBannerOpen: false,
+  key: undefined,
+}
 
-export type OpenCookieBannerPayload = { cookieBannerOpen: boolean; intercomAlertDisplayed?: boolean }
+export type OpenCookieBannerPayload = CookieState
 
 const cookiesReducer = handleActions<CookieState, OpenCookieBannerPayload>(
   {
-    [OPEN_COOKIE_BANNER]: (state, action) => {
-      const { intercomAlertDisplayed = false, cookieBannerOpen } = action.payload
-      return state.set('cookieBannerOpen', { intercomAlertDisplayed, cookieBannerOpen })
+    [COOKIE_ACTIONS.OPEN_BANNER]: (_, action) => {
+      return action.payload
+    },
+    [COOKIE_ACTIONS.CLOSE_BANNER]: () => {
+      return initialState
     },
   },
-  Map(),
+  initialState,
 )
 
 export default cookiesReducer
diff --git a/src/logic/cookies/store/selectors/index.ts b/src/logic/cookies/store/selectors/index.ts
index 9104be6934..599d4c7501 100644
--- a/src/logic/cookies/store/selectors/index.ts
+++ b/src/logic/cookies/store/selectors/index.ts
@@ -1,3 +1,4 @@
-import { COOKIES_REDUCER_ID } from 'src/logic/cookies/store/reducer/cookies'
+import { CookieState, COOKIES_REDUCER_ID } from 'src/logic/cookies/store/reducer/cookies'
+import { AppReduxState } from 'src/store'
 
-export const cookieBannerOpen = (state) => state[COOKIES_REDUCER_ID].get('cookieBannerOpen')
+export const cookieBannerState = (state: AppReduxState): CookieState => state[COOKIES_REDUCER_ID]
diff --git a/src/logic/cookies/utils/index.ts b/src/logic/cookies/utils/index.ts
index 78dcc20825..e4faa962f3 100644
--- a/src/logic/cookies/utils/index.ts
+++ b/src/logic/cookies/utils/index.ts
@@ -1,12 +1,17 @@
 import Cookies, { CookieAttributes } from 'js-cookie'
 import { Errors, logError } from 'src/logic/exceptions/CodedException'
 
+export type Cookie = {
+  name: string
+  path: string
+}
+
 const PREFIX = 'v1_MAINNET__'
 
-export const loadFromCookie = async (key: string, withoutPrefix = false): Promise<undefined | Record<string, any>> => {
+export const loadFromCookie = <T extends Record<string, any>>(key: string, withoutPrefix = false): T | undefined => {
   const prefix = withoutPrefix ? '' : PREFIX
   try {
-    const stringifiedValue = await Cookies.get(`${prefix}${key}`)
+    const stringifiedValue = Cookies.get(`${prefix}${key}`)
     if (stringifiedValue === null || stringifiedValue === undefined) {
       return undefined
     }
@@ -18,19 +23,25 @@ export const loadFromCookie = async (key: string, withoutPrefix = false): Promis
   }
 }
 
-export const saveCookie = async (
+export const saveCookie = <T extends Record<string, any>>(
   key: string,
-  value: Record<string, any>,
+  value: T,
   options: CookieAttributes,
   withoutPrefix = false,
-): Promise<void> => {
+): void => {
   const prefix = withoutPrefix ? '' : PREFIX
   try {
     const stringifiedValue = JSON.stringify(value)
-    await Cookies.set(`${prefix}${key}`, stringifiedValue, options)
+    Cookies.set(`${prefix}${key}`, stringifiedValue, options)
   } catch (err) {
     logError(Errors._701, `cookie ${key} – ${err.message}`)
   }
 }
 
 export const removeCookie = (key: string, path: string, domain: string): void => Cookies.remove(key, { path, domain })
+
+export const removeCookies = (cookieList: Cookie[]): void => {
+  // Extracts domain, e.g. gnosis-safe.io
+  const domain = location.host.split('.').slice(-2).join('.')
+  cookieList.forEach((cookie) => removeCookie(cookie.name, cookie.path, `.${domain}`))
+}
diff --git a/src/routes/safe/components/Apps/components/AppsList.test.tsx b/src/routes/safe/components/Apps/components/AppsList.test.tsx
index 1dec6d6320..a4e059256d 100644
--- a/src/routes/safe/components/Apps/components/AppsList.test.tsx
+++ b/src/routes/safe/components/Apps/components/AppsList.test.tsx
@@ -276,7 +276,7 @@ describe('Safe Apps -> AppsList -> Pinning apps', () => {
 
   // see #2847 for more info
   it('Removes pinned Safe Apps from localStorage when they are not included in the remote list', async () => {
-    const defaultPinnedAppsInLocalStorage = await loadFromStorage<string[]>(appUtils.PINNED_SAFE_APP_IDS)
+    const defaultPinnedAppsInLocalStorage = loadFromStorage<string[]>(appUtils.PINNED_SAFE_APP_IDS)
     expect(defaultPinnedAppsInLocalStorage).toContain('14')
     expect(defaultPinnedAppsInLocalStorage).toContain('24')
     expect(defaultPinnedAppsInLocalStorage).toContain('228')
@@ -289,7 +289,7 @@ describe('Safe Apps -> AppsList -> Pinning apps', () => {
     })
 
     // after that the localStorage should be updated
-    const updatedPinnedAppsInLocalStorage = await loadFromStorage<string[]>(appUtils.PINNED_SAFE_APP_IDS)
+    const updatedPinnedAppsInLocalStorage = loadFromStorage<string[]>(appUtils.PINNED_SAFE_APP_IDS)
 
     // '228' App id should be removed from pinnedApps ['14', '24', '228'] because is not included in the remote list
     expect(updatedPinnedAppsInLocalStorage).toContain('14')
diff --git a/src/routes/safe/components/Apps/hooks/appList/useCustomSafeApps.ts b/src/routes/safe/components/Apps/hooks/appList/useCustomSafeApps.ts
index b7c5bc5372..05ff243a80 100644
--- a/src/routes/safe/components/Apps/hooks/appList/useCustomSafeApps.ts
+++ b/src/routes/safe/components/Apps/hooks/appList/useCustomSafeApps.ts
@@ -13,7 +13,7 @@ type ReturnType = {
 
 type CustomSafeApp = StoredSafeApp
 
-/* 
+/*
   This hook is used to manage the list of custom safe apps.
   What it does:
   1. Loads a list of custom safe apps from local storage
@@ -48,9 +48,9 @@ const useCustomSafeApps = (): ReturnType => {
       })
     }
 
-    const loadCustomApps = async () => {
+    const loadCustomApps = () => {
       // recover apps from storage (third-party apps added by the user)
-      const storageAppList = (await loadFromStorage<CustomSafeApp[]>(APPS_STORAGE_KEY)) || []
+      const storageAppList = loadFromStorage<CustomSafeApp[]>(APPS_STORAGE_KEY) || []
       // if the app does not expose supported networks, include them. (backward compatible)
       const serializedApps = storageAppList.map(
         (app): SafeApp => ({
diff --git a/src/routes/safe/components/Apps/hooks/appList/usePinnedSafeApps.ts b/src/routes/safe/components/Apps/hooks/appList/usePinnedSafeApps.ts
index 182fc41695..e580c0bbcd 100644
--- a/src/routes/safe/components/Apps/hooks/appList/usePinnedSafeApps.ts
+++ b/src/routes/safe/components/Apps/hooks/appList/usePinnedSafeApps.ts
@@ -15,8 +15,8 @@ const usePinnedSafeApps = (remoteSafeApps: SafeApp[], remoteAppsFetchStatus: FET
   const [loaded, setLoaded] = useState(false)
 
   useEffect(() => {
-    const loadPinnedAppIds = async () => {
-      const pinnedAppIds = (await loadFromStorage<string[]>(PINNED_SAFE_APP_IDS)) || []
+    const loadPinnedAppIds = () => {
+      const pinnedAppIds = loadFromStorage<string[]>(PINNED_SAFE_APP_IDS) || []
 
       const isRemoteSafeAppsListLoaded = remoteAppsFetchStatus === FETCH_STATUS.SUCCESS
       if (isRemoteSafeAppsListLoaded) {
diff --git a/src/store/index.ts b/src/store/index.ts
index 66c2c83e86..ae186e1843 100644
--- a/src/store/index.ts
+++ b/src/store/index.ts
@@ -10,7 +10,7 @@ import {
   nftAssetReducer,
   nftTokensReducer,
 } from 'src/logic/collectibles/store/reducer/collectibles'
-import cookiesReducer, { COOKIES_REDUCER_ID } from 'src/logic/cookies/store/reducer/cookies'
+import cookiesReducer, { CookieState, COOKIES_REDUCER_ID } from 'src/logic/cookies/store/reducer/cookies'
 import currentSessionReducer, {
   CurrentSessionState,
   CURRENT_SESSION_REDUCER_ID,
@@ -112,7 +112,7 @@ export type AppReduxState = CombinedState<{
   [PENDING_TRANSACTIONS_ID]: PendingTransactionsState
   [NOTIFICATIONS_REDUCER_ID]: Map<string, Notification>
   [CURRENCY_REDUCER_ID]: CurrencyValuesState
-  [COOKIES_REDUCER_ID]: Map<string, any>
+  [COOKIES_REDUCER_ID]: CookieState
   [ADDRESS_BOOK_REDUCER_ID]: AddressBookState
   [CURRENT_SESSION_REDUCER_ID]: CurrentSessionState
   [CONFIG_REDUCER_ID]: ConfigState
diff --git a/src/types/Beamer.d.ts b/src/types/Beamer.d.ts
new file mode 100644
index 0000000000..711a56c59e
--- /dev/null
+++ b/src/types/Beamer.d.ts
@@ -0,0 +1,50 @@
+export interface BeamerConfig {
+  product_id: string
+  selector?: string
+  display?: 'left' | 'right' | 'popup' | 'in-app'
+  display_position?: string
+  top?: number
+  right?: number
+  bottom?: number
+  left?: number
+  embed?: boolean
+  button?: boolean
+  button_position?: 'top-left' | 'top-right' | 'bottom-right' | 'bottom-left'
+  icon?: 'bell_full' | 'bell_lines' | 'flame' | 'flame_alt' | 'alert_bubble' | 'alert_circle' | 'bullhorn' | 'thumbtack'
+  bounce?: boolean
+  notification_prompt?: 'sidebar' | 'popup'
+  notification_prompt_delay?: number
+  language?: string
+  filter?: string
+  force_filter?: string
+  filter_by_url?: boolean
+  mobile?: boolean
+  lazy?: boolean
+  alert?: boolean
+  force_button?: boolean
+  counter?: boolean
+  first_visit_unread?: number
+  standalone?: boolean
+  post_request?: boolean
+  delay?: number
+  callback?: (url: string, openInNewWindow: boolean) => boolean
+  onclick?: (url: string, openInNewWindow: boolean) => boolean
+  onopen?: () => boolean
+  onclose?: () => boolean
+  onerror?: () => unknown
+  user_firstname?: string
+  user_lastname?: string
+  user_email?: string
+  user_id?: string
+  multi_user?: boolean
+  nps_delay?: number
+  user_created_at?: number | string
+}
+
+export interface BeamerMethods {
+  init: () => void
+  show: () => void
+  hide: () => void
+  update: (params: BeamerConfig) => void
+  destroy: () => void
+}
diff --git a/src/types/definitions.d.ts b/src/types/definitions.d.ts
index 69e1e613d8..c48d7a7e40 100644
--- a/src/types/definitions.d.ts
+++ b/src/types/definitions.d.ts
@@ -1,5 +1,6 @@
 import 'styled-components'
 import { theme } from '@gnosis.pm/safe-react-components'
+import { BeamerConfig, BeamerMethods } from './Beamer.d'
 
 type Theme = typeof theme
 
@@ -11,6 +12,8 @@ declare global {
       autoRefreshOnNetworkChange: boolean
       isMetaMask: boolean
     }
+    beamer_config?: BeamerConfig
+    Beamer?: BeamerMethods
   }
 }
 declare module '@openzeppelin/contracts/build/contracts/ERC721'
diff --git a/src/utils/beamer.ts b/src/utils/beamer.ts
new file mode 100644
index 0000000000..4ee918c024
--- /dev/null
+++ b/src/utils/beamer.ts
@@ -0,0 +1,65 @@
+import { BEAMER_ID } from './constants'
+import { BeamerConfig } from 'src/types/Beamer'
+import { removeCookies } from 'src/logic/cookies/utils'
+import local from './storage/local'
+
+const BEAMER_COOKIES = [
+  '_BEAMER_LAST_POST_SHOWN_',
+  '_BEAMER_DATE_',
+  '_BEAMER_FIRST_VISIT_',
+  '_BEAMER_USER_ID_',
+  '_BEAMER_FILTER_BY_URL_',
+  '_BEAMER_LAST_UPDATE_',
+  '_BEAMER_BOOSTED_ANNOUNCEMENT_DATE_',
+]
+
+export const BEAMER_LS_RE = /^_BEAMER_/
+
+const BEAMER_URL = 'https://app.getbeamer.com/js/beamer-embed.js'
+
+const baseConfig: BeamerConfig = {
+  product_id: BEAMER_ID,
+}
+
+// Beamer script tag singleton
+let scriptRef: HTMLScriptElement | null = null
+
+export const loadBeamer = async (): Promise<void> => {
+  if (!BEAMER_ID) {
+    console.error('[Beamer] - In order to use Beamer you need to add an appID')
+    return
+  }
+
+  window.beamer_config = {
+    ...baseConfig,
+    selector: 'whats-new-button',
+    display: 'left',
+    button: false,
+    bounce: false,
+  }
+
+  scriptRef = document.createElement('script')
+  scriptRef.type = 'text/javascript'
+  scriptRef.defer = true
+  scriptRef.src = BEAMER_URL
+  const firstScript = document.getElementsByTagName('script')[0]
+  firstScript?.parentNode?.insertBefore(scriptRef, firstScript)
+
+  scriptRef.addEventListener('load', () => window.Beamer?.init(), { once: true })
+}
+
+const closeBeamer = (): void => {
+  if (!window.Beamer || !scriptRef) return
+  window.Beamer.destroy()
+  scriptRef.remove()
+  scriptRef = null
+}
+
+export const unloadBeamer = (): void => {
+  closeBeamer()
+
+  setTimeout(() => {
+    local.removeMatching(BEAMER_LS_RE)
+    removeCookies(BEAMER_COOKIES.map((prefix) => ({ path: '/', name: `${prefix}${BEAMER_ID}` })))
+  }, 100)
+}
diff --git a/src/utils/constants.ts b/src/utils/constants.ts
index 774129fad0..799a069902 100644
--- a/src/utils/constants.ts
+++ b/src/utils/constants.ts
@@ -8,6 +8,7 @@ export const DEFAULT_CHAIN_ID =
 export const PUBLIC_URL = process.env.PUBLIC_URL
 export const TX_SERVICE_VERSION = '1'
 export const INTERCOM_ID = IS_PRODUCTION ? process.env.REACT_APP_INTERCOM_ID : 'plssl1fl'
+export const BEAMER_ID = IS_PRODUCTION ? process.env.REACT_APP_BEAMER_ID || 'ehlRMhQi41258' : 'ehlRMhQi41258'
 export const GOOGLE_ANALYTICS_ID = process.env.REACT_APP_GOOGLE_ANALYTICS || ''
 export const SENTRY_DSN = process.env.REACT_APP_SENTRY_DSN || ''
 export const PORTIS_ID = process.env.REACT_APP_PORTIS_ID ?? '852b763d-f28b-4463-80cb-846d7ec5806b'
diff --git a/src/utils/googleAnalytics.ts b/src/utils/googleAnalytics.ts
index 16f260660b..f613fbd1b0 100644
--- a/src/utils/googleAnalytics.ts
+++ b/src/utils/googleAnalytics.ts
@@ -4,8 +4,8 @@ import { useSelector } from 'react-redux'
 import { getChainInfo, _getChainId } from 'src/config'
 
 import { currentChainId } from 'src/logic/config/store/selectors'
-import { COOKIES_KEY } from 'src/logic/cookies/model/cookie'
-import { loadFromCookie, removeCookie } from 'src/logic/cookies/utils'
+import { COOKIES_KEY, BannerCookiesType } from 'src/logic/cookies/model/cookie'
+import { Cookie, loadFromCookie, removeCookies } from 'src/logic/cookies/utils'
 import { GOOGLE_ANALYTICS_ID, IS_PRODUCTION } from './constants'
 import { capitalize } from './css'
 
@@ -73,7 +73,7 @@ export const SETTINGS_EVENTS: Record<string, EventArgs> = {
   OWNERS: { ...SAFE_EVENTS.SETTINGS, label: 'Owners' },
 }
 
-export const COOKIES_LIST = [
+const GA_COOKIE_LIST: Cookie[] = [
   { name: '_ga', path: '/' },
   { name: '_gat', path: '/' },
   { name: '_gid', path: '/' },
@@ -133,6 +133,10 @@ export const loadGoogleAnalytics = (): void => {
   analyticsLoaded = true
 }
 
+export const unloadGoogleAnalytics = (): void => {
+  removeCookies(GA_COOKIE_LIST)
+}
+
 type UseAnalyticsResponse = {
   trackPage: (path: string) => void
   trackEvent: (event: EventArgs) => void
@@ -149,14 +153,11 @@ export const useAnalytics = (): UseAnalyticsResponse => {
   }, [chainId, analyticsAllowed])
 
   useEffect(() => {
-    async function fetchCookiesFromStorage() {
-      const cookiesState = await loadFromCookie(COOKIES_KEY)
-      if (cookiesState) {
-        const { acceptedAnalytics } = cookiesState
-        setAnalyticsAllowed(acceptedAnalytics)
-      }
+    const cookiesState = loadFromCookie<BannerCookiesType>(COOKIES_KEY)
+    if (cookiesState) {
+      const { acceptedAnalytics } = cookiesState
+      setAnalyticsAllowed(acceptedAnalytics)
     }
-    fetchCookiesFromStorage()
   }, [])
 
   const trackPage = useCallback(
@@ -179,10 +180,3 @@ export const useAnalytics = (): UseAnalyticsResponse => {
 
   return { trackPage, trackEvent }
 }
-
-// we remove GA cookies manually as react-ga does not provides a utility for it.
-export const removeCookies = (): void => {
-  // Extracts the main domain, e.g. gnosis-safe.io
-  const subDomain = location.host.split('.').slice(-2).join('.')
-  COOKIES_LIST.forEach((cookie) => removeCookie(cookie.name, cookie.path, `.${subDomain}`))
-}
diff --git a/src/utils/intercom.ts b/src/utils/intercom.ts
index 957d88e71e..4d1bf25424 100644
--- a/src/utils/intercom.ts
+++ b/src/utils/intercom.ts
@@ -1,6 +1,6 @@
 import crypto from 'crypto'
 import { CookieAttributes } from 'js-cookie'
-import { COOKIES_KEY_INTERCOM } from 'src/logic/cookies/model/cookie'
+import { COOKIES_KEY_INTERCOM, IntercomCookieType } from 'src/logic/cookies/model/cookie'
 import { loadFromCookie, saveCookie } from 'src/logic/cookies/utils'
 import { INTERCOM_ID } from 'src/utils/constants'
 
@@ -8,15 +8,15 @@ let intercomLoaded = false
 
 export const isIntercomLoaded = (): boolean => intercomLoaded
 
-const getIntercomUserId = async () => {
-  const cookiesState = await loadFromCookie(COOKIES_KEY_INTERCOM)
+const getIntercomUserId = () => {
+  const cookiesState = loadFromCookie<IntercomCookieType>(COOKIES_KEY_INTERCOM)
   if (!cookiesState) {
     const userId = crypto.randomBytes(32).toString('hex')
     const newCookieState = { userId }
     const cookieConfig: CookieAttributes = {
       expires: 365,
     }
-    await saveCookie(COOKIES_KEY_INTERCOM, newCookieState, cookieConfig)
+    saveCookie<IntercomCookieType>(COOKIES_KEY_INTERCOM, newCookieState, cookieConfig)
     return userId
   }
   const { userId } = cookiesState
@@ -24,7 +24,7 @@ const getIntercomUserId = async () => {
 }
 
 // eslint-disable-next-line consistent-return
-export const loadIntercom = async (): Promise<void> => {
+export const loadIntercom = (): void => {
   const APP_ID = INTERCOM_ID
   if (!APP_ID) {
     console.error('[Intercom] - In order to use Intercom you need to add an appID')
@@ -38,7 +38,7 @@ export const loadIntercom = async (): Promise<void> => {
   const x = d.getElementsByTagName('script')[0]
   x?.parentNode?.insertBefore(s, x)
 
-  const intercomUserId = await getIntercomUserId()
+  const intercomUserId = getIntercomUserId()
 
   s.onload = () => {
     ;(window as any).Intercom('boot', {
diff --git a/src/utils/storage/Storage.ts b/src/utils/storage/Storage.ts
index b08f44dcb7..b42b8a7378 100644
--- a/src/utils/storage/Storage.ts
+++ b/src/utils/storage/Storage.ts
@@ -59,6 +59,12 @@ class Storage {
     }
   }
 
+  public removeMatching = (pattern: RegExp): void => {
+    Object.keys(this.storage)
+      .filter((key) => pattern.test(key))
+      .forEach((key) => this.storage.removeItem(key))
+  }
+
   public setWithExpiry = <T>(key: string, item: T, expiry: number): void => {
     this.setItem<ItemWithExpiry<T>>(key, {
       value: item,
diff --git a/yarn.lock b/yarn.lock
index b2645cfcb9..f0318c5f46 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1957,10 +1957,10 @@
   resolved "https://registry.yarnpkg.com/@gnosis.pm/safe-deployments/-/safe-deployments-1.8.0.tgz#856c15517274f924539ea4df40fffe6f009249a7"
   integrity sha512-xK2ZZXxCEGOw+6UZAeUmvqE/4C/XTpYmv1a8KzKUgSOxcGkHsIDqcjdKjqif7gOdnwHl4+XXJUtDQEuSLT4Scg==
 
-"@gnosis.pm/safe-react-components@^0.9.7":
-  version "0.9.7"
-  resolved "https://registry.yarnpkg.com/@gnosis.pm/safe-react-components/-/safe-react-components-0.9.7.tgz#6f1a9815ddf9b0fe3c3b158bd8b8e357ba5e5979"
-  integrity sha512-3f1ZvIVzjtrUZ9A1FnmHZDZBurQHc2AGssPPkIkWYDGDEy0YGANNwhUWtIzFebpWKYBgaXZnzcn9HjlSEs8/sQ==
+"@gnosis.pm/safe-react-components@^0.9.8":
+  version "0.9.8"
+  resolved "https://registry.yarnpkg.com/@gnosis.pm/safe-react-components/-/safe-react-components-0.9.8.tgz#b61f0641bbc00ada0c71428be824e69192110c17"
+  integrity sha512-yOq7QScr+s27GTEsmBZe7fOXd5ADe4Wy4wlpu0crpsgyDmiJWl3H/K+ynLyq+dwGM6aVIAgFcIId2dEnwzdQew==
   dependencies:
     react-media "^1.10.0"
     web3-utils "^1.6.0"