diff --git a/app/assets/javascripts/admin/templates/components/silence-details.hbs b/app/assets/javascripts/admin/templates/components/silence-details.hbs
new file mode 100644
index 00000000000..3f7c19d5ba5
--- /dev/null
+++ b/app/assets/javascripts/admin/templates/components/silence-details.hbs
@@ -0,0 +1,21 @@
+<div class='reason-controls'>
+  <label>
+    <div class='silence-reason-label'>
+      {{{i18n 'admin.user.silence_reason_label'}}}
+    </div>
+    </label>
+    {{text-field
+      value=reason
+      class="silence-reason"
+      placeholderKey="admin.user.silence_reason_placeholder"}}
+</div>
+
+<label>
+  <div class='silence-message-label'>
+    {{i18n "admin.user.silence_message"}}
+  </div>
+</label>
+{{textarea
+  value=message
+  class="silence-message"
+  placeholder=(i18n "admin.user.silence_message_placeholder")}}
diff --git a/app/assets/javascripts/admin/templates/modal/admin-silence-user.hbs b/app/assets/javascripts/admin/templates/modal/admin-silence-user.hbs
index 0abe77544c6..028d9f9fc83 100644
--- a/app/assets/javascripts/admin/templates/modal/admin-silence-user.hbs
+++ b/app/assets/javascripts/admin/templates/modal/admin-silence-user.hbs
@@ -11,28 +11,7 @@
       </label>
     </div>
 
-    <div class='reason-controls'>
-      <label>
-        <div class='silence-reason-label'>
-          {{{i18n 'admin.user.silence_reason_label'}}}
-        </div>
-        </label>
-        {{text-field
-          value=reason
-          class="silence-reason"
-          placeholderKey="admin.user.silence_reason_placeholder"}}
-    </div>
-
-    <label>
-      <div class='silence-message-label'>
-        {{i18n "admin.user.silence_message"}}
-      </div>
-    </label>
-    {{textarea
-      value=message
-      class="silence-message"
-      placeholder=(i18n "admin.user.silence_message_placeholder")}}
-
+    {{silence-details reason=reason message=message tagName=''}}
 
   {{/conditional-loading-spinner}}
 
@@ -47,4 +26,4 @@
     label="admin.user.silence"}}
   {{d-modal-cancel close=(action "closeModal")}}
   {{conditional-loading-spinner condition=loading size="small"}}
-</div>
\ No newline at end of file
+</div>