diff --git a/frontend/src/docs/DocsWrapper.tsx b/frontend/src/docs/DocsWrapper.tsx
index 46b8e2388..a4ac78c33 100644
--- a/frontend/src/docs/DocsWrapper.tsx
+++ b/frontend/src/docs/DocsWrapper.tsx
@@ -2,6 +2,7 @@ import ArrowBack from '@mui/icons-material/ArrowBack'
 import ArrowForward from '@mui/icons-material/ArrowForward'
 import Box from '@mui/material/Box'
 import Button from '@mui/material/Button'
+import { grey } from '@mui/material/colors'
 import Container from '@mui/material/Container'
 import Divider from '@mui/material/Divider'
 import List from '@mui/material/List'
@@ -132,6 +133,13 @@ export default function DocsWrapper({ children }: DocsWrapperProps): ReactElemen
                 'a:visited': {
                   color: theme.palette.primary.main,
                 },
+                blockquote: {
+                  fontStyle: 'italic',
+                  background: grey.A200,
+                  borderLeft: `2px solid ${grey[900]}`,
+                  px: 1,
+                  py: 0.5,
+                },
               }}
             >
               {children}