From 045336b987f5b5698f206105d3c83b8625a9e787 Mon Sep 17 00:00:00 2001
From: StevanFreeborn <65925598+StevanFreeborn@users.noreply.github.com>
Date: Mon, 24 Apr 2023 16:34:30 -0500
Subject: [PATCH] fix: add word break to snippet header styling

---
 src/app/components/CodeSnippet.module.css | 1 +
 src/app/components/CodeSnippet.tsx        | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/app/components/CodeSnippet.module.css b/src/app/components/CodeSnippet.module.css
index ff5c5c4..7c897a9 100644
--- a/src/app/components/CodeSnippet.module.css
+++ b/src/app/components/CodeSnippet.module.css
@@ -15,6 +15,7 @@
   border-top-left-radius: 10px;
   font-size: 0.8rem;
   color: white;
+  word-break: break-all;
 }
 
 .snippetContent>pre {
diff --git a/src/app/components/CodeSnippet.tsx b/src/app/components/CodeSnippet.tsx
index 6c6668d..bc5b1fc 100644
--- a/src/app/components/CodeSnippet.tsx
+++ b/src/app/components/CodeSnippet.tsx
@@ -146,7 +146,7 @@ export default function CodeSnippet({
   return (
     <div className={styles.snippetContainer}>
       <div className={styles.snippetHeader}>
-        <div>
+        <div className={styles.snippetHeading}>
           {method ? (
             <span className={methodStyles[method]}>
               {method}