diff --git a/app/assets/javascripts/admin/templates/components/suspension-details.hbs b/app/assets/javascripts/admin/templates/components/suspension-details.hbs
new file mode 100644
index 00000000000..0f2aa0fc848
--- /dev/null
+++ b/app/assets/javascripts/admin/templates/components/suspension-details.hbs
@@ -0,0 +1,25 @@
+<div class='reason-controls'>
+  <label>
+    <div class='suspend-reason-label'>
+      {{#if siteSettings.hide_suspension_reasons}}
+        {{{i18n 'admin.user.suspend_reason_hidden_label'}}}
+      {{else}}
+        {{{i18n 'admin.user.suspend_reason_label'}}}
+      {{/if}}
+    </div>
+  </label>
+  {{text-field
+    value=reason
+    class="suspend-reason"
+    placeholderKey="admin.user.suspend_reason_placeholder"}}
+</div>
+
+<label>
+  <div class='suspend-message-label'>
+    {{i18n "admin.user.suspend_message"}}
+  </div>
+</label>
+{{textarea
+  value=message
+  class="suspend-message"
+  placeholder=(i18n "admin.user.suspend_message_placeholder")}}
diff --git a/app/assets/javascripts/admin/templates/modal/admin-suspend-user.hbs b/app/assets/javascripts/admin/templates/modal/admin-suspend-user.hbs
index fc6025a6a63..4c0af11512e 100644
--- a/app/assets/javascripts/admin/templates/modal/admin-suspend-user.hbs
+++ b/app/assets/javascripts/admin/templates/modal/admin-suspend-user.hbs
@@ -11,32 +11,8 @@
             input=suspendUntil}}
         </label>
       </div>
+      {{suspension-details reason=reason message=message}}
 
-      <div class='reason-controls'>
-        <label>
-          <div class='suspend-reason-label'>
-            {{#if siteSettings.hide_suspension_reasons}}
-              {{{i18n 'admin.user.suspend_reason_hidden_label'}}}
-            {{else}}
-              {{{i18n 'admin.user.suspend_reason_label'}}}
-            {{/if}}
-          </div>
-        </label>
-        {{text-field
-          value=reason
-          class="suspend-reason"
-          placeholderKey="admin.user.suspend_reason_placeholder"}}
-      </div>
-
-      <label>
-        <div class='suspend-message-label'>
-          {{i18n "admin.user.suspend_message"}}
-        </div>
-      </label>
-      {{textarea
-          value=message
-          class="suspend-message"
-          placeholder=(i18n "admin.user.suspend_message_placeholder")}}
     {{else}}
       <div class='cant-suspend'>
         {{i18n "admin.user.cant_suspend"}}