diff --git a/wallet-web/components/Layout.tsx b/wallet-web/components/Layout.tsx
index 4200d6ab88..09befee3bc 100644
--- a/wallet-web/components/Layout.tsx
+++ b/wallet-web/components/Layout.tsx
@@ -1,5 +1,5 @@
import React from 'react'
-import { Grid, Theme, useTheme, useMediaQuery } from '@material-ui/core'
+import { Grid, Theme, useTheme } from '@material-ui/core'
export const Layout = ({ children }: { children: React.ReactElement }) => {
const theme: Theme = useTheme()
diff --git a/wallet-web/pages/receive.tsx b/wallet-web/pages/receive.tsx
index 2cc134faf3..da250046ae 100644
--- a/wallet-web/pages/receive.tsx
+++ b/wallet-web/pages/receive.tsx
@@ -1,11 +1,52 @@
+import { useMediaQuery } from '@material-ui/core'
+import {
+ Card,
+ CardContent,
+ CardHeader,
+ Grid,
+ Typography,
+} from '@material-ui/core'
import React from 'react'
+import { useContext } from 'react'
+import { Layout, NymCard } from '../components'
import MainNav from '../components/MainNav'
+import NoClientError from '../components/NoClientError'
+import { ValidatorClientContext } from '../contexts/ValidatorClient'
const Receive = () => {
+ const { client } = useContext(ValidatorClientContext)
+ const matches = useMediaQuery('(min-width:769px)')
+
return (
<>