diff --git a/KratosSelfService/Resources/CustomTranslator.de.resx b/KratosSelfService/Resources/CustomTranslator.de.resx
index 25c2590..b962bd6 100644
--- a/KratosSelfService/Resources/CustomTranslator.de.resx
+++ b/KratosSelfService/Resources/CustomTranslator.de.resx
@@ -181,4 +181,7 @@
     <data name="deleteAccount.text" xml:space="preserve">
         <value>Möchten Sie wirklich, dass Ihr Benutzerkonto gelöscht wird?</value>
     </data>
+    <data name="settings.deleteAccountButtonLabel" xml:space="preserve">
+        <value>Account löschen</value>
+    </data>
 </root>
\ No newline at end of file
diff --git a/KratosSelfService/Resources/CustomTranslator.resx b/KratosSelfService/Resources/CustomTranslator.resx
index d72d8e1..f28464c 100644
--- a/KratosSelfService/Resources/CustomTranslator.resx
+++ b/KratosSelfService/Resources/CustomTranslator.resx
@@ -132,4 +132,7 @@
     <data name="deleteAccount.confirm" xml:space="preserve">
         <value>Confirm</value>
     </data>
+    <data name="settings.deleteAccountButtonLabel" xml:space="preserve">
+        <value>Delete Account</value>
+    </data>
 </root>
\ No newline at end of file
diff --git a/KratosSelfService/Views/Settings/Settings.cshtml b/KratosSelfService/Views/Settings/Settings.cshtml
index 1609a5b..5b3a15a 100644
--- a/KratosSelfService/Views/Settings/Settings.cshtml
+++ b/KratosSelfService/Views/Settings/Settings.cshtml
@@ -36,7 +36,7 @@
                         </li>
                     }
                     <li>
-                        <a href="settings/delete-account?flow=@Model.flow.Id&return_to=@Model.flow.ReturnTo">
+                        <a href="#delete-account">
                             <span class="icon-text is-warning">
                                 <span class="icon">
                                     <i class="fa-solid fa-user-xmark fa-sm"></i>
@@ -99,8 +99,8 @@
                     <h3 class="subtitle">
                         @group.Key.ToLocalTitleString(OryTranslator)
                     </h3>
-                    <form class="mb-3 @(group.Key == KratosUiNode.GroupEnum.Oidc ? "columns is-multiline" : "")" 
-                          action="@Model.flow.Ui.Action" 
+                    <form class="mb-3 @(group.Key == KratosUiNode.GroupEnum.Oidc ? "columns is-multiline" : "")"
+                          action="@Model.flow.Ui.Action"
                           method="@Model.flow.Ui.Method">
                         @foreach (var node in defaultNodes)
                         {
@@ -115,6 +115,21 @@
                     </form>
                 </div>
             }
+            <div class="box p-5" id="delete-account">
+                <h3 class="subtitle">
+                    @CustomTranslator.Get("settings.deleteAccount")
+                </h3>
+                <div class="mb-3">
+                    <div class="field">
+                        <div class="control">
+                            <a href="settings/delete-account?flow=@Model.flow.Id&return_to=@Model.flow.ReturnTo"
+                               class="button is-danger">
+                                @CustomTranslator.Get("settings.deleteAccountButtonLabel")
+                            </a>
+                        </div>
+                    </div>
+                </div>
+            </div>
         </div>
     </div>
 </div>
\ No newline at end of file