diff --git a/web/src/admin/providers/oauth2/OAuth2ProviderViewPage.ts b/web/src/admin/providers/oauth2/OAuth2ProviderViewPage.ts
index e086f2b18..3567c933e 100644
--- a/web/src/admin/providers/oauth2/OAuth2ProviderViewPage.ts
+++ b/web/src/admin/providers/oauth2/OAuth2ProviderViewPage.ts
@@ -3,8 +3,10 @@ import "@goauthentik/admin/providers/oauth2/OAuth2ProviderForm";
 import { DEFAULT_CONFIG } from "@goauthentik/common/api/config";
 import { EVENT_REFRESH } from "@goauthentik/common/constants";
 import { convertToTitle } from "@goauthentik/common/utils";
+import MDProviderOAuth2 from "@goauthentik/docs/providers/oauth2/index.md";
 import { AKElement } from "@goauthentik/elements/Base";
 import "@goauthentik/elements/CodeMirror";
+import "@goauthentik/elements/Markdown";
 import "@goauthentik/elements/Tabs";
 import "@goauthentik/elements/buttons/ModalButton";
 import "@goauthentik/elements/buttons/SpinnerButton";
@@ -80,202 +82,186 @@ export class OAuth2ProviderViewPage extends AKElement {
         if (!this.provider) {
             return html``;
         }
-        return html` ${
-            this.provider?.assignedApplicationName
+        return html` ${this.provider?.assignedApplicationName
                 ? html``
                 : html`<div slot="header" class="pf-c-banner pf-m-warning">
                       ${t`Warning: Provider is not used by an Application.`}
-                  </div>`
-        }
+                  </div>`}
             <div class="pf-c-page__main-section pf-m-no-padding-mobile pf-l-grid pf-m-gutter">
-                <div class="pf-c-card pf-l-grid__item pf-m-12-col">
-                            <div class="pf-c-card">
-                                <div class="pf-c-card__body">
-                                    <dl class="pf-c-description-list pf-m-2-col-on-lg">
-                                        <div class="pf-c-description-list__group">
-                                            <dt class="pf-c-description-list__term">
-                                                <span class="pf-c-description-list__text"
-                                                    >${t`Name`}</span
-                                                >
-                                            </dt>
-                                            <dd class="pf-c-description-list__description">
-                                                <div class="pf-c-description-list__text">
-                                                    ${this.provider.name}
-                                                </div>
-                                            </dd>
-                                        </div>
-                                        <div class="pf-c-description-list__group">
-                                            <dt class="pf-c-description-list__term">
-                                                <span class="pf-c-description-list__text"
-                                                    >${t`Assigned to application`}</span
-                                                >
-                                            </dt>
-                                            <dd class="pf-c-description-list__description">
-                                                <div class="pf-c-description-list__text">
-                                                    <ak-provider-related-application
-                                                        .provider=${this.provider}
-                                                    ></ak-provider-related-application>
-                                                </div>
-                                            </dd>
-                                        </div>
-                                        <div class="pf-c-description-list__group">
-                                            <dt class="pf-c-description-list__term">
-                                                <span class="pf-c-description-list__text"
-                                                    >${t`Client type`}</span
-                                                >
-                                            </dt>
-                                            <dd class="pf-c-description-list__description">
-                                                <div class="pf-c-description-list__text">
-                                                    ${convertToTitle(
-                                                        this.provider.clientType || "",
-                                                    )}
-                                                </div>
-                                            </dd>
-                                        </div>
-                                        <div class="pf-c-description-list__group">
-                                            <dt class="pf-c-description-list__term">
-                                                <span class="pf-c-description-list__text"
-                                                    >${t`Client ID`}</span
-                                                >
-                                            </dt>
-                                            <dd class="pf-c-description-list__description">
-                                                <div class="pf-c-description-list__text">
-                                                    ${this.provider.clientId}
-                                                </div>
-                                            </dd>
-                                        </div>
-                                        <div class="pf-c-description-list__group">
-                                            <dt class="pf-c-description-list__term">
-                                                <span class="pf-c-description-list__text"
-                                                    >${t`Redirect URIs`}</span
-                                                >
-                                            </dt>
-                                            <dd class="pf-c-description-list__description">
-                                                <div class="pf-c-description-list__text">
-                                                    ${this.provider.redirectUris}
-                                                </div>
-                                            </dd>
-                                        </div>
-                                    </dl>
-                                </div>
-                                <div class="pf-c-card__footer">
-                                    <ak-forms-modal>
-                                        <span slot="submit"> ${t`Update`} </span>
-                                        <span slot="header"> ${t`Update OAuth2 Provider`} </span>
-                                        <ak-provider-oauth2-form
-                                            slot="form"
-                                            .instancePk=${this.provider.pk || 0}
-                                        >
-                                        </ak-provider-oauth2-form>
-                                        <button slot="trigger" class="pf-c-button pf-m-primary">
-                                            ${t`Edit`}
-                                        </button>
-                                    </ak-forms-modal>
-                                </div>
+                <div
+                    class="pf-c-card pf-l-grid__item pf-l-grid__item pf-m-12-col pf-m-3-col-on-xl pf-m-3-col-on-2xl"
+                >
+                    <div class="pf-c-card__body">
+                        <dl class="pf-c-description-list">
+                            <div class="pf-c-description-list__group">
+                                <dt class="pf-c-description-list__term">
+                                    <span class="pf-c-description-list__text">${t`Name`}</span>
+                                </dt>
+                                <dd class="pf-c-description-list__description">
+                                    <div class="pf-c-description-list__text">
+                                        ${this.provider.name}
+                                    </div>
+                                </dd>
                             </div>
-                        </div>
-                        <div class="pf-c-card pf-l-grid__item pf-m-12-col">
-                            <div class="pf-c-card">
-                                <div class="pf-c-card__body">
-                                    <form class="pf-c-form">
-                                        <div class="pf-c-form__group">
-                                            <label class="pf-c-form__label">
-                                                <span class="pf-c-form__label-text"
-                                                    >${t`OpenID Configuration URL`}</span
-                                                >
-                                            </label>
-                                            <input
-                                                class="pf-c-form-control"
-                                                readonly
-                                                type="text"
-                                                value="${this.providerUrls?.providerInfo || t`-`}"
-                                            />
-                                        </div>
-                                        <div class="pf-c-form__group">
-                                            <label class="pf-c-form__label">
-                                                <span class="pf-c-form__label-text"
-                                                    >${t`OpenID Configuration Issuer`}</span
-                                                >
-                                            </label>
-                                            <input
-                                                class="pf-c-form-control"
-                                                readonly
-                                                type="text"
-                                                value="${this.providerUrls?.issuer || t`-`}"
-                                            />
-                                        </div>
-                                        <hr />
-                                        <div class="pf-c-form__group">
-                                            <label class="pf-c-form__label">
-                                                <span class="pf-c-form__label-text"
-                                                    >${t`Authorize URL`}</span
-                                                >
-                                            </label>
-                                            <input
-                                                class="pf-c-form-control"
-                                                readonly
-                                                type="text"
-                                                value="${this.providerUrls?.authorize || t`-`}"
-                                            />
-                                        </div>
-                                        <div class="pf-c-form__group">
-                                            <label class="pf-c-form__label">
-                                                <span class="pf-c-form__label-text"
-                                                    >${t`Token URL`}</span
-                                                >
-                                            </label>
-                                            <input
-                                                class="pf-c-form-control"
-                                                readonly
-                                                type="text"
-                                                value="${this.providerUrls?.token || t`-`}"
-                                            />
-                                        </div>
-                                        <div class="pf-c-form__group">
-                                            <label class="pf-c-form__label">
-                                                <span class="pf-c-form__label-text"
-                                                    >${t`Userinfo URL`}</span
-                                                >
-                                            </label>
-                                            <input
-                                                class="pf-c-form-control"
-                                                readonly
-                                                type="text"
-                                                value="${this.providerUrls?.userInfo || t`-`}"
-                                            />
-                                        </div>
-                                        <div class="pf-c-form__group">
-                                            <label class="pf-c-form__label">
-                                                <span class="pf-c-form__label-text"
-                                                    >${t`Logout URL`}</span
-                                                >
-                                            </label>
-                                            <input
-                                                class="pf-c-form-control"
-                                                readonly
-                                                type="text"
-                                                value="${this.providerUrls?.logout || t`-`}"
-                                            />
-                                        </div>
-                                        <div class="pf-c-form__group">
-                                            <label class="pf-c-form__label">
-                                                <span class="pf-c-form__label-text"
-                                                    >${t`JWKS URL`}</span
-                                                >
-                                            </label>
-                                            <input
-                                                class="pf-c-form-control"
-                                                readonly
-                                                type="text"
-                                                value="${this.providerUrls?.jwks || t`-`}"
-                                            />
-                                        </div>
-                                    </form>
-                                </div>
+                            <div class="pf-c-description-list__group">
+                                <dt class="pf-c-description-list__term">
+                                    <span class="pf-c-description-list__text"
+                                        >${t`Assigned to application`}</span
+                                    >
+                                </dt>
+                                <dd class="pf-c-description-list__description">
+                                    <div class="pf-c-description-list__text">
+                                        <ak-provider-related-application .provider=${this.provider}>
+                                        </ak-provider-related-application>
+                                    </div>
+                                </dd>
                             </div>
-                        </div>
+                            <div class="pf-c-description-list__group">
+                                <dt class="pf-c-description-list__term">
+                                    <span class="pf-c-description-list__text"
+                                        >${t`Client type`}</span
+                                    >
+                                </dt>
+                                <dd class="pf-c-description-list__description">
+                                    <div class="pf-c-description-list__text">
+                                        ${convertToTitle(this.provider.clientType || "")}
+                                    </div>
+                                </dd>
+                            </div>
+                            <div class="pf-c-description-list__group">
+                                <dt class="pf-c-description-list__term">
+                                    <span class="pf-c-description-list__text">${t`Client ID`}</span>
+                                </dt>
+                                <dd class="pf-c-description-list__description">
+                                    <div class="pf-c-description-list__text">
+                                        ${this.provider.clientId}
+                                    </div>
+                                </dd>
+                            </div>
+                            <div class="pf-c-description-list__group">
+                                <dt class="pf-c-description-list__term">
+                                    <span class="pf-c-description-list__text"
+                                        >${t`Redirect URIs`}</span
+                                    >
+                                </dt>
+                                <dd class="pf-c-description-list__description">
+                                    <div class="pf-c-description-list__text">
+                                        ${this.provider.redirectUris}
+                                    </div>
+                                </dd>
+                            </div>
+                        </dl>
                     </div>
-                </section>
-            </ak-tabs>`;
+                    <div class="pf-c-card__footer">
+                        <ak-forms-modal>
+                            <span slot="submit"> ${t`Update`} </span>
+                            <span slot="header"> ${t`Update OAuth2 Provider`} </span>
+                            <ak-provider-oauth2-form
+                                slot="form"
+                                .instancePk=${this.provider.pk || 0}
+                            >
+                            </ak-provider-oauth2-form>
+                            <button slot="trigger" class="pf-c-button pf-m-primary">
+                                ${t`Edit`}
+                            </button>
+                        </ak-forms-modal>
+                    </div>
+                </div>
+                <div class="pf-c-card pf-l-grid__item pf-m-7-col">
+                    <div class="pf-c-card__body">
+                        <form class="pf-c-form">
+                            <div class="pf-c-form__group">
+                                <label class="pf-c-form__label">
+                                    <span class="pf-c-form__label-text"
+                                        >${t`OpenID Configuration URL`}</span
+                                    >
+                                </label>
+                                <input
+                                    class="pf-c-form-control"
+                                    readonly
+                                    type="text"
+                                    value="${this.providerUrls?.providerInfo || t`-`}"
+                                />
+                            </div>
+                            <div class="pf-c-form__group">
+                                <label class="pf-c-form__label">
+                                    <span class="pf-c-form__label-text"
+                                        >${t`OpenID Configuration Issuer`}</span
+                                    >
+                                </label>
+                                <input
+                                    class="pf-c-form-control"
+                                    readonly
+                                    type="text"
+                                    value="${this.providerUrls?.issuer || t`-`}"
+                                />
+                            </div>
+                            <hr />
+                            <div class="pf-c-form__group">
+                                <label class="pf-c-form__label">
+                                    <span class="pf-c-form__label-text">${t`Authorize URL`}</span>
+                                </label>
+                                <input
+                                    class="pf-c-form-control"
+                                    readonly
+                                    type="text"
+                                    value="${this.providerUrls?.authorize || t`-`}"
+                                />
+                            </div>
+                            <div class="pf-c-form__group">
+                                <label class="pf-c-form__label">
+                                    <span class="pf-c-form__label-text">${t`Token URL`}</span>
+                                </label>
+                                <input
+                                    class="pf-c-form-control"
+                                    readonly
+                                    type="text"
+                                    value="${this.providerUrls?.token || t`-`}"
+                                />
+                            </div>
+                            <div class="pf-c-form__group">
+                                <label class="pf-c-form__label">
+                                    <span class="pf-c-form__label-text">${t`Userinfo URL`}</span>
+                                </label>
+                                <input
+                                    class="pf-c-form-control"
+                                    readonly
+                                    type="text"
+                                    value="${this.providerUrls?.userInfo || t`-`}"
+                                />
+                            </div>
+                            <div class="pf-c-form__group">
+                                <label class="pf-c-form__label">
+                                    <span class="pf-c-form__label-text">${t`Logout URL`}</span>
+                                </label>
+                                <input
+                                    class="pf-c-form-control"
+                                    readonly
+                                    type="text"
+                                    value="${this.providerUrls?.logout || t`-`}"
+                                />
+                            </div>
+                            <div class="pf-c-form__group">
+                                <label class="pf-c-form__label">
+                                    <span class="pf-c-form__label-text">${t`JWKS URL`}</span>
+                                </label>
+                                <input
+                                    class="pf-c-form-control"
+                                    readonly
+                                    type="text"
+                                    value="${this.providerUrls?.jwks || t`-`}"
+                                />
+                            </div>
+                        </form>
+                    </div>
+                </div>
+                <div
+                    class="pf-c-card pf-l-grid__item pf-m-12-col pf-m-12-col-on-xl pf-m-12-col-on-2xl"
+                >
+                    <div class="pf-c-card__body">
+                        <ak-markdown .md=${MDProviderOAuth2}></ak-markdown>
+                    </div>
+                </div>
+            </div>`;
     }
 }