diff --git a/frontend/projects/setup-wizard/src/app/pages/success/download-doc/download-doc.component.html b/frontend/projects/setup-wizard/src/app/pages/success/download-doc/download-doc.component.html
new file mode 100644
index 000000000..88208468b
--- /dev/null
+++ b/frontend/projects/setup-wizard/src/app/pages/success/download-doc/download-doc.component.html
@@ -0,0 +1,125 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>Embassy Address Info</title>
+  </head>
+  <body>
+    <div
+      style="
+        font-family: Montserrat;
+        color: #333333;
+        display: flex;
+        flex-direction: column;
+        margin: auto;
+        width: clamp(900px, 35vw, 600px);
+      "
+    >
+      <h1
+        style="
+          font-variant-caps: all-small-caps;
+          text-align: center;
+          padding: 1rem;
+        "
+      >
+        Embassy Address Info
+      </h1>
+
+      <section
+        style="
+          padding: 1rem 3rem 2rem 3rem;
+          border: solid #c4c4c5 3px;
+          margin-bottom: 24px;
+        "
+      >
+        <h2 style="font-variant-caps: all-small-caps">
+          Access from home (LAN)
+        </h2>
+        <p>
+          Visit the address below when you are connected to the same WiFi or
+          Local Area Network (LAN) as your Embassy:
+        </p>
+        <p
+          style="
+            padding: 16px;
+            font-weight: bold;
+            font-size: 1.1rem;
+            overflow: auto;
+          "
+        >
+          <code id="lan-addr"></code>
+        </p>
+        <div>
+          <h3 style="color: #f8546a; font-weight: bold">Important!</h3>
+          <p>
+            Be sure to
+            <a
+              href="https://docs.start9.com/latest/user-manual/connecting/connecting-lan"
+              target="_blank"
+              rel="noreferrer"
+              style="color: #6866cc; font-weight: bold; text-decoration: none"
+            >
+              follow the instructions
+            </a>
+            to establish a secure connection by installing your Embassy's
+            certificate.
+          </p>
+        </div>
+
+        <div style="padding: 2rem; text-align: center">
+          <a
+            id="cert"
+            download="embassy.crt"
+            style="
+              display: inline-block;
+              padding: 1em 1.2em;
+              box-sizing: border-box;
+              font-size: 1rem;
+              text-decoration: none;
+              text-align: center;
+              border-radius: clamp(2rem, 3rem, 4rem);
+              cursor: pointer;
+              box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px,
+                rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
+              background: #6866cc;
+              color: #f4f4f5;
+            "
+          >
+            Download certificate
+          </a>
+        </div>
+      </section>
+
+      <section style="padding: 1rem 3rem 2rem 3rem; border: solid #c4c4c5 3px">
+        <h2 style="font-variant-caps: all-small-caps">
+          Access on the go (Tor)
+        </h2>
+        <p>Visit the address below when you are away from home:</p>
+        <p
+          style="
+            padding: 16px;
+            font-weight: bold;
+            font-size: 1.1rem;
+            overflow: auto;
+          "
+        >
+          <code id="tor-addr"></code>
+        </p>
+        <div>
+          <h3 style="color: #f8546a; font-weight: bold">Important!</h3>
+          <p>
+            This address will only work from a Tor-enabled browser.
+            <a
+              href="https://docs.start9.com/latest/user-manual/connecting/connecting-tor"
+              target="_blank"
+              rel="noreferrer"
+              style="color: #6866cc; font-weight: bold; text-decoration: none"
+            >
+              Follow the instructions
+            </a>
+            to get setup.
+          </p>
+        </div>
+      </section>
+    </div>
+  </body>
+</html>
diff --git a/frontend/projects/setup-wizard/src/app/pages/success/download-doc/download-doc.component.ts b/frontend/projects/setup-wizard/src/app/pages/success/download-doc/download-doc.component.ts
new file mode 100644
index 000000000..8eeae10f5
--- /dev/null
+++ b/frontend/projects/setup-wizard/src/app/pages/success/download-doc/download-doc.component.ts
@@ -0,0 +1,7 @@
+import { Component } from '@angular/core'
+
+@Component({
+  selector: 'download-doc',
+  templateUrl: 'download-doc.component.html',
+})
+export class DownloadDocComponent {}
diff --git a/frontend/projects/setup-wizard/src/app/pages/success/success.module.ts b/frontend/projects/setup-wizard/src/app/pages/success/success.module.ts
index 3562c9e16..199896da0 100644
--- a/frontend/projects/setup-wizard/src/app/pages/success/success.module.ts
+++ b/frontend/projects/setup-wizard/src/app/pages/success/success.module.ts
@@ -5,6 +5,7 @@ import { FormsModule } from '@angular/forms'
 import { SuccessPage } from './success.page'
 import { PasswordPageModule } from '../../modals/password/password.module'
 import { SuccessPageRoutingModule } from './success-routing.module'
+import { DownloadDocComponent } from './download-doc/download-doc.component'
 
 @NgModule({
   imports: [
@@ -14,7 +15,7 @@ import { SuccessPageRoutingModule } from './success-routing.module'
     PasswordPageModule,
     SuccessPageRoutingModule,
   ],
-  declarations: [SuccessPage],
+  declarations: [SuccessPage, DownloadDocComponent],
   exports: [SuccessPage],
 })
 export class SuccessPageModule {}
diff --git a/frontend/projects/setup-wizard/src/app/pages/success/success.page.html b/frontend/projects/setup-wizard/src/app/pages/success/success.page.html
index 975c48373..eabb22656 100644
--- a/frontend/projects/setup-wizard/src/app/pages/success/success.page.html
+++ b/frontend/projects/setup-wizard/src/app/pages/success/success.page.html
@@ -85,144 +85,8 @@
                 </div>
               </ion-col>
             </ion-row>
-
             <!-- download elem -->
-            <div hidden id="downloadable">
-              <div
-                style="
-                  font-family: Montserrat;
-                  color: #333333;
-                  display: flex;
-                  flex-direction: column;
-                  margin: auto;
-                  width: clamp(900px, 35vw, 600px);
-                "
-              >
-                <h1
-                  style="
-                    font-variant-caps: all-small-caps;
-                    text-align: center;
-                    padding: 1rem;
-                  "
-                >
-                  Embassy Address Info
-                </h1>
-
-                <section
-                  style="
-                    padding: 1rem 3rem 2rem 3rem;
-                    border: solid #c4c4c5 3px;
-                    margin-bottom: 24px;
-                  "
-                >
-                  <h2 style="font-variant-caps: all-small-caps">
-                    Access from home (LAN)
-                  </h2>
-                  <p>
-                    Visit the address below when you are connected to the same
-                    WiFi or Local Area Network (LAN) as your Embassy:
-                  </p>
-                  <p
-                    style="
-                      padding: 16px;
-                      font-weight: bold;
-                      font-size: 1.1rem;
-                      overflow: auto;
-                    "
-                  >
-                    <code id="lan-addr"></code>
-                  </p>
-                  <div>
-                    <h3 style="color: #f8546a; font-weight: bold">
-                      Important!
-                    </h3>
-                    <p>
-                      Be sure to
-                      <a
-                        href="https://docs.start9.com/latest/user-manual/connecting/connecting-lan"
-                        target="_blank"
-                        rel="noreferrer"
-                        style="
-                          color: #6866cc;
-                          font-weight: bold;
-                          text-decoration: none;
-                        "
-                      >
-                        follow the instructions
-                      </a>
-                      to establish a secure connection by installing your
-                      Embassy's certificate.
-                    </p>
-                  </div>
-
-                  <div style="padding: 2rem; text-align: center">
-                    <a
-                      id="cert"
-                      download="embassy.crt"
-                      style="
-                        display: inline-block;
-                        padding: 1em 1.2em;
-                        box-sizing: border-box;
-                        font-size: 1rem;
-                        text-decoration: none;
-                        text-align: center;
-                        border-radius: clamp(2rem, 3rem, 4rem);
-                        cursor: pointer;
-                        box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px,
-                          rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
-                        background: #6866cc;
-                        color: #f4f4f5;
-                      "
-                    >
-                      Download certificate
-                    </a>
-                  </div>
-                </section>
-
-                <section
-                  style="
-                    padding: 1rem 3rem 2rem 3rem;
-                    border: solid #c4c4c5 3px;
-                  "
-                >
-                  <h2 style="font-variant-caps: all-small-caps">
-                    Access on the go (Tor)
-                  </h2>
-                  <p>Visit the address below when you are away from home:</p>
-                  <p
-                    style="
-                      padding: 16px;
-                      font-weight: bold;
-                      font-size: 1.1rem;
-                      overflow: auto;
-                    "
-                  >
-                    <code id="tor-addr"></code>
-                  </p>
-                  <div>
-                    <h3 style="color: #f8546a; font-weight: bold">
-                      Important!
-                    </h3>
-                    <p>
-                      This address will only work from a Tor-enabled browser.
-                      <a
-                        href="https://docs.start9.com/latest/user-manual/connecting/connecting-tor"
-                        target="_blank"
-                        rel="noreferrer"
-                        style="
-                          color: #6866cc;
-                          font-weight: bold;
-                          text-decoration: none;
-                        "
-                      >
-                        Follow the instructions
-                      </a>
-                      to get setup.
-                    </p>
-                  </div>
-                </section>
-              </div>
-            </div>
+            <download-doc hidden id="downloadable"></download-doc>
           </ion-card>
         </ng-template>
       </ion-col>
