diff --git a/website/src/components/code.js b/website/src/components/code.js
index bb0905ded..a51986634 100644
--- a/website/src/components/code.js
+++ b/website/src/components/code.js
@@ -11,6 +11,8 @@ import Link from './link'
import GitHubCode from './github'
import classes from '../styles/code.module.sass'
+const WRAP_THRESHOLD = 15
+
export default props => (
@@ -23,7 +25,7 @@ export const Pre = props => {
export const InlineCode = ({ wrap = false, className, children, ...props }) => {
const codeClassNames = classNames(classes.inlineCode, className, {
- [classes.wrap]: wrap || (isString(children) && children.length >= 20),
+ [classes.wrap]: wrap || (isString(children) && children.length >= WRAP_THRESHOLD),
})
return (
diff --git a/website/src/styles/code.module.sass b/website/src/styles/code.module.sass
index 6a91bf8aa..e3a27cbba 100644
--- a/website/src/styles/code.module.sass
+++ b/website/src/styles/code.module.sass
@@ -58,7 +58,7 @@
.wrap
white-space: pre-wrap
- word-wrap: break-word
+ word-wrap: anywhere
.title,
.juniper-button