diff --git a/src/web/src/components/Posts/Post.tsx b/src/web/src/components/Posts/Post.tsx
index dea09cf052..900f5f4990 100644
--- a/src/web/src/components/Posts/Post.tsx
+++ b/src/web/src/components/Posts/Post.tsx
@@ -163,7 +163,8 @@ const useStyles = makeStyles((theme: Theme) =>
       overflow: 'auto',
       padding: '1em',
       color: theme.palette.text.primary,
-      backgroundColor: theme.palette.background.default,
+      // backgroundColor: theme.palette.background.default,
+      backgroundColor: 'lightblue',
       width: '95%',
       '& a': {
         color: theme.palette.action.active,
@@ -171,6 +172,10 @@ const useStyles = makeStyles((theme: Theme) =>
       '& a:visited': {
         color: theme.palette.action.selected,
       },
+      [theme.breakpoints.down(600)]: {
+        padding: '.5em',
+        width: 'auto',
+      },
     },
   })
 );