diff --git a/packages/website/src/__tests__/__snapshots__/pages.spec.tsx.snap b/packages/website/src/__tests__/__snapshots__/pages.spec.tsx.snap
index c2def29..5209173 100644
--- a/packages/website/src/__tests__/__snapshots__/pages.spec.tsx.snap
+++ b/packages/website/src/__tests__/__snapshots__/pages.spec.tsx.snap
@@ -87,7 +87,9 @@ exports[`Pages About should render the page 1`] = `
       </a>
       . A gitmoji interactive client for using emojis on commit messages.
     </p>
-    <pre>
+    <pre
+      className="overflow-x-adjust"
+    >
       <code>
         $ npm i -g gitmoji-cli
       </code>
@@ -4154,7 +4156,9 @@ exports[`Pages Specification should render the page 1`] = `
         : A brief explanation of the change.
       </li>
     </ul>
-    <pre>
+    <pre
+      className="overflow-x-adjust"
+    >
       <code>
         &lt;intention&gt; [scope?][:?] &lt;message&gt;
       </code>
diff --git a/packages/website/src/pages/about.tsx b/packages/website/src/pages/about.tsx
index fdfe7c6..507946a 100644
--- a/packages/website/src/pages/about.tsx
+++ b/packages/website/src/pages/about.tsx
@@ -51,7 +51,7 @@ const About = () => (
           A gitmoji interactive client for using emojis on commit messages.
         </p>
 
-        <pre>
+        <pre className="overflow-x-adjust">
           <code>$ npm i -g gitmoji-cli</code>
         </pre>
       </section>
diff --git a/packages/website/src/pages/specification.tsx b/packages/website/src/pages/specification.tsx
index 8f2a73f..424c6b7 100644
--- a/packages/website/src/pages/specification.tsx
+++ b/packages/website/src/pages/specification.tsx
@@ -36,7 +36,7 @@ const Specification = () => (
           </li>
         </ul>
 
-        <pre>
+        <pre className="overflow-x-adjust">
           <code>&lt;intention&gt; [scope?][:?] &lt;message&gt;</code>
         </pre>
       </section>
diff --git a/packages/website/src/utils/theme/theme.css b/packages/website/src/utils/theme/theme.css
index 00674bb..4a84fa9 100644
--- a/packages/website/src/utils/theme/theme.css
+++ b/packages/website/src/utils/theme/theme.css
@@ -114,6 +114,10 @@ pre {
   padding: 1em;
 }
 
+.overflow-x-adjust {
+  overflow-x: auto;
+}
+
 .wrap {
   max-width: 1100px;
   margin: 0 auto;