diff --git a/content/posts/ember-modifiers.md b/content/posts/ember-modifiers.md
index f353ba7..24bf4ff 100644
--- a/content/posts/ember-modifiers.md
+++ b/content/posts/ember-modifiers.md
@@ -33,7 +33,7 @@ ember install ember-modifier
 Below is an example for how to track the focus state of a DOM element.
 
 ```html
-// my-component.hbs
+{{!-- my-component.hbs --}}
 <button
   {{on 'focus' this.handleFocus}}
   {{on 'blur' this.handleBlur}}
@@ -140,7 +140,7 @@ module('Integration | Modifier | key-down', function(hooks) {
 A simple example of a focusable element listening for the Enter key to be pressed.
 
 ```html
-// my-component.hbs
+{{!-- my-component.hbs --}}
   <button
     {{key-down this.handleEnter key='Enter'}}
     My Button
@@ -166,7 +166,7 @@ _Note, often times it may be better to listen for keyup rather than keydown for
 Sometimes you simply want to stop the default behavior of a key, such as scrolling down with an arrow key.
 
 ```html
-// my-component.hbs
+{{!-- my-component.hbs --}}
   <dialog
     tabindex="0"
     role='dialog'