1 files changed, 15 insertions, 15 deletions
diff --git a/app/assets/javascripts/comment_templates/components/app.vue b/app/assets/javascripts/comment_templates/components/app.vue
index 9e0d2cc73ec..de3229acc78 100644
--- a/app/assets/javascripts/comment_templates/components/app.vue
+++ b/app/assets/javascripts/comment_templates/components/app.vue
@@ -3,21 +3,21 @@ export default {};
 </script>
 
 <template>
-  <div class="row gl-mt-5">
-    <div class="col-lg-4">
-      <h4 class="gl-mt-0">
-        {{ __('Comment templates') }}
-      </h4>
-      <p>
-        {{
-          __(
-            'Comment templates can be used when creating comments inside issues, merge requests, and epics.',
-          )
-        }}
-      </p>
-    </div>
-    <div class="col-lg-8">
-      <keep-alive><router-view /></keep-alive>
+  <div class="settings-section gl-mt-3">
+    <div class="settings-sticky-header">
+      <div class="settings-sticky-header-inner">
+        <h4 class="gl-my-0">
+          {{ __('Comment templates') }}
+        </h4>
+      </div>
     </div>
+    <p class="gl-text-secondary">
+      {{
+        __(
+          'Comment templates can be used when creating comments inside issues, merge requests, and epics.',
+        )
+      }}
+    </p>
+    <keep-alive><router-view /></keep-alive>
   </div>
 </template>