diff --git a/docs/walkthroughs/03-defining-custom-elements.md b/docs/walkthroughs/03-defining-custom-elements.md
index 49b80bfe1..61093b298 100644
--- a/docs/walkthroughs/03-defining-custom-elements.md
+++ b/docs/walkthroughs/03-defining-custom-elements.md
@@ -116,7 +116,7 @@ const DefaultElement = props => {
 }
 ```
 
-Okay, but now we'll need a way for the user to actually turn a block into a code block. So let's change our `onKeyDown` function to add a ``Ctrl-``` shortcut that does just that:
+Okay, but now we'll need a way for the user to actually turn a block into a code block. So let's change our `onKeyDown` function to add a `` Ctrl-` `` shortcut that does just that:
 
 ```jsx
 // Import the `Editor` and `Transforms` helpers from Slate.
@@ -175,9 +175,9 @@ const DefaultElement = props => {
 }
 ```
 
-Now, if you press ``Ctrl-``` the block your cursor is in should turn into a code block! Magic!
+Now, if you press `` Ctrl-` `` the block your cursor is in should turn into a code block! Magic!
 
-But we forgot one thing. When you hit ``Ctrl-``` again, it should change the code block back into a paragraph. To do that, we'll need to add a bit of logic to change the type we set based on whether any of the currently selected blocks are already a code block:
+But we forgot one thing. When you hit `` Ctrl-` `` again, it should change the code block back into a paragraph. To do that, we'll need to add a bit of logic to change the type we set based on whether any of the currently selected blocks are already a code block:
 
 ```jsx
 const initialValue = [
@@ -224,4 +224,4 @@ const App = () => {
 }
 ```
 
-And there you have it! If you press ``Ctrl-``` while inside a code block, it should turn back into a paragraph!
+And there you have it! If you press `` Ctrl-` `` while inside a code block, it should turn back into a paragraph!