diff --git a/src/web/src/components/Posts/Post.tsx b/src/web/src/components/Posts/Post.tsx
index dea09cf052..7092e12bca 100644
--- a/src/web/src/components/Posts/Post.tsx
+++ b/src/web/src/components/Posts/Post.tsx
@@ -67,6 +67,9 @@ const useStyles = makeStyles((theme: Theme) =>
       [theme.breakpoints.down(1024)]: {
         width: '80vw',
       },
+      [theme.breakpoints.down(321)]: {
+        width: '78vw',
+      },
     },
     title: {
       fontSize: '3em',
@@ -171,6 +174,10 @@ const useStyles = makeStyles((theme: Theme) =>
       '& a:visited': {
         color: theme.palette.action.selected,
       },
+      [theme.breakpoints.down(600)]: {
+        padding: '.5em',
+        width: 'auto',
+      },
     },
   })
 );