diff --git a/.changeset/heavy-camels-shake.md b/.changeset/heavy-camels-shake.md
new file mode 100644
index 0000000000..80a8ac3774
--- /dev/null
+++ b/.changeset/heavy-camels-shake.md
@@ -0,0 +1,5 @@
+---
+"docs": patch
+---
+
+design(docs): DoAndDont comp padding change
diff --git a/docs/src/components/DoAndDont.tsx b/docs/src/components/DoAndDont.tsx
index 02d1fd1388..510110197d 100644
--- a/docs/src/components/DoAndDont.tsx
+++ b/docs/src/components/DoAndDont.tsx
@@ -36,7 +36,8 @@ export const DoAndDont: React.FC<DoAndDontProps> = ({
         <Box
           display="flex"
           alignItems="center"
-          py="xsmall"
+          pt="small"
+          pb="xsmall"
           css={{ color: dont ? 'red' : 'green' }}
         >
           {dont ? (