diff --git a/packages/lib-user/src/components/UserHome/components/Dashboard/Dashboard.js b/packages/lib-user/src/components/UserHome/components/Dashboard/Dashboard.js
index a31ba84c9c..df1c3316a9 100644
--- a/packages/lib-user/src/components/UserHome/components/Dashboard/Dashboard.js
+++ b/packages/lib-user/src/components/UserHome/components/Dashboard/Dashboard.js
@@ -28,37 +28,30 @@ export default function Dashboard({ isLoading = false, user }) {
   const size = useContext(ResponsiveContext)
 
   return (
-    <Box
+    <Relative
+      fill
       align='center'
-      pad={{ bottom: '20px' }}
-      round={size !== 'small' ? '8px' : false}
-      elevation={size === 'small' ? 'none' : 'xsmall'}
+      height={
+        size !== 'small'
+          ? { min: '270px', max: '270px' }
+          : { min: '180px', max: '180px' }
+      }
+      background={
+        isLoading || !user?.profile_header
+          ? 'brand'
+          : { image: `url(${user.profile_header})` }
+      }
+      round={size !== 'small' ? { size: '16px', corner: 'top' } : false}
     >
-      <Relative
-        fill
-        align='center'
-        height={
-          size !== 'small'
-            ? { min: '270px', max: '270px' }
-            : { min: '180px', max: '180px' }
+      <StyledAvatar
+        alt='User avatar'
+        src={
+          !user?.avatar_src || isLoading
+            ? 'https://www.zooniverse.org/assets/simple-avatar.png'
+            : user.avatar_src
         }
-        background={
-          isLoading || !user?.profile_header
-            ? 'brand'
-            : { image: `url(${user.profile_header})` }
-        }
-        round={size !== 'small' ? { size: '16px', corner: 'top' } : false}
-      >
-        <StyledAvatar
-          alt='User avatar'
-          src={
-            !user?.avatar_src || isLoading
-              ? 'https://www.zooniverse.org/assets/simple-avatar.png'
-              : user.avatar_src
-          }
-        />
-      </Relative>
-    </Box>
+      />
+    </Relative>
   )
 }