1 files changed, 7 insertions, 5 deletions
diff --git a/app/assets/javascripts/ide/components/new_dropdown/modal.vue b/app/assets/javascripts/ide/components/new_dropdown/modal.vue
index 44986c8c575..528475849de 100644
--- a/app/assets/javascripts/ide/components/new_dropdown/modal.vue
+++ b/app/assets/javascripts/ide/components/new_dropdown/modal.vue
@@ -1,6 +1,6 @@
 <script>
 import { mapActions, mapState, mapGetters } from 'vuex';
-import { GlModal } from '@gitlab/ui';
+import { GlModal, GlButton } from '@gitlab/ui';
 import { deprecatedCreateFlash as flash } from '~/flash';
 import { __, sprintf, s__ } from '~/locale';
 import { modalTypes } from '../../constants';
@@ -9,6 +9,7 @@ import { trimPathComponents, getPathParent } from '../../utils';
 export default {
   components: {
     GlModal,
+    GlButton,
   },
   data() {
     return {
@@ -156,13 +157,14 @@ export default {
         />
         <ul v-if="isCreatingNewFile" class="file-templates gl-mt-3 list-inline qa-template-list">
           <li v-for="(template, index) in templateTypes" :key="index" class="list-inline-item">
-            <button
-              type="button"
-              class="btn btn-missing p-1 pr-2 pl-2"
+            <gl-button
+              variant="dashed"
+              category="secondary"
+              class="p-1 pr-2 pl-2"
               @click="createFromTemplate(template)"
             >
               {{ template.name }}
-            </button>
+            </gl-button>
           </li>
         </ul>
       </div>