From b9dd5668043d241e939a8555e9354707e8c5c691 Mon Sep 17 00:00:00 2001
From: Garrett Delfosse <garrett@coder.com>
Date: Tue, 23 Aug 2022 15:22:42 -0400
Subject: [PATCH] fix scrollbar on ssh key view (#3647)

---
 site/src/components/CodeExample/CodeExample.tsx | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/site/src/components/CodeExample/CodeExample.tsx b/site/src/components/CodeExample/CodeExample.tsx
index 3311f94cd4..8cf51bb815 100644
--- a/site/src/components/CodeExample/CodeExample.tsx
+++ b/site/src/components/CodeExample/CodeExample.tsx
@@ -54,13 +54,10 @@ const useStyles = makeStyles((theme) => ({
       ${theme.spacing(0.5)}px
       ${theme.spacing(2)}px
     `,
-    whiteSpace: "nowrap",
     width: "100%",
-    overflowX: "auto",
-    // Have a better area to display the scrollbar
-    height: 42,
     display: "flex",
     alignItems: "center",
+    wordBreak: "break-all",
   },
   button: {
     border: 0,