From 429cfc870a003ceb5cb6e5c92f573d785fc8efc2 Mon Sep 17 00:00:00 2001
From: katiegoines <katiegoines@gmail.com>
Date: Thu, 5 Sep 2024 12:11:18 -0700
Subject: [PATCH] fix cutoff words in viewports under 320px

---
 src/styles/code.scss | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/styles/code.scss b/src/styles/code.scss
index f428d966c62..24a9956563f 100644
--- a/src/styles/code.scss
+++ b/src/styles/code.scss
@@ -8,6 +8,11 @@ code:not([class]) {
   display: inline-block;
   line-height: var(--amplify-line-heights-small);
   font-style: normal;
+
+  @media (max-width: 320px) {
+    overflow-wrap: anywhere;
+  }
+
   h2 &,
   h3 & {
     font-size: 0.75em;