diff --git a/client/app/designer/playbook/new_playbook/new_playbook.html b/client/app/designer/playbook/new_playbook/new_playbook.html
index a1a0962..7058ae6 100644
--- a/client/app/designer/playbook/new_playbook/new_playbook.html
+++ b/client/app/designer/playbook/new_playbook/new_playbook.html
@@ -5,9 +5,10 @@
   </div>
   <div class="modal-body">
 
-    <p class="form-group">
-      <label>Playbook Name</label>
+    <label>Playbook Name</label>
+    <p class="input-group">
       <input type="text" ng-model="newPlaybook.name" class="form-control">
+      <span class="input-group-addon">.yml</span>
     </p>
 
   </div>