diff --git a/src/components/specific_challenge/HowTo/sections/HowToContent.js b/src/components/specific_challenge/HowTo/sections/HowToContent.js
index c0b827c..0715389 100644
--- a/src/components/specific_challenge/HowTo/sections/HowToContent.js
+++ b/src/components/specific_challenge/HowTo/sections/HowToContent.js
@@ -19,8 +19,15 @@ const HowToContent = (props) => {
 
   const repoKeyRender = () => {
     if (props.userFullInfo) {
-      return props.userFullInfo.individualKey;
-    } return 'REPO_KEY_HERE';
+      return (
+        <CodeShell
+          codeBlockIndex={0}
+          commands={[
+            props.userFullInfo.individualKey
+          ]}
+        />
+      );
+    }
   };
 
   return (
@@ -52,10 +59,11 @@ const HowToContent = (props) => {
       >
         <CircleNumber number="2" />
         <Body as="p" margin="auto 0">
-          Add the following ssh key <Medium as="span">{repoKeyRender()}</Medium> to
+          Add the following ssh key <Medium as="span">{props.userFullInfo ? '' : 'REPO_KEY_HERE'}</Medium> to
           your deploy keys in your git repository settings.
         </Body>
       </Grid>
+      {repoKeyRender()}
       <Grid
         width="100%"
         gridTemplateColumns="auto 1fr"
diff --git a/src/utils/fonts.js b/src/utils/fonts.js
index 3eeb080..5284a0c 100644
--- a/src/utils/fonts.js
+++ b/src/utils/fonts.js
@@ -76,6 +76,8 @@ const Code = styled(Container)`
   line-height: 18px;
   font-weight: 300;
   color: ${({theme}) => theme.colors.white};
+  max-width: 600px;
+  overflow-wrap: break-word;
 
   &:before {
     display: ${({before}) => before ? 'inline-block' : 'none'};
