+
+
{m.modal_add_new_device_delivery_title()}
+
+
+
+
+
+
+
+
+
+
+
+ );
+};
diff --git a/web/src/pages/UsersOverviewPage/modals/AddNewDeviceModal/steps/DeliverTokenStep/style.scss b/web/src/pages/UsersOverviewPage/modals/AddNewDeviceModal/steps/DeliverTokenStep/style.scss
new file mode 100644
index 000000000..34bd761c4
--- /dev/null
+++ b/web/src/pages/UsersOverviewPage/modals/AddNewDeviceModal/steps/DeliverTokenStep/style.scss
@@ -0,0 +1,9 @@
+#add-new-device-delivery-step {
+ .section-title {
+ font: var(--t-body-sm-500);
+ }
+
+ .share-credentials {
+ padding-top: var(--spacing-lg) 0;
+ }
+}
diff --git a/web/src/pages/UsersOverviewPage/modals/AddNewDeviceModal/style.scss b/web/src/pages/UsersOverviewPage/modals/AddNewDeviceModal/style.scss
new file mode 100644
index 000000000..07c43da66
--- /dev/null
+++ b/web/src/pages/UsersOverviewPage/modals/AddNewDeviceModal/style.scss
@@ -0,0 +1,7 @@
+#add-user-modal {
+ form {
+ & > p {
+ font: var(--t-body-sm-500);
+ }
+ }
+}
diff --git a/web/src/shared/defguard-ui b/web/src/shared/defguard-ui
index 96b3e1f59..3552857ad 160000
--- a/web/src/shared/defguard-ui
+++ b/web/src/shared/defguard-ui
@@ -1 +1 @@
-Subproject commit 96b3e1f5922f43b4d9de3c1b210c36c02d592f46
+Subproject commit 3552857ad6f778a305bfabe464e7a0e14b19e515
diff --git a/web/src/shared/hooks/modalControls/modalTypes.ts b/web/src/shared/hooks/modalControls/modalTypes.ts
index 3379b964d..56ad6bbb7 100644
--- a/web/src/shared/hooks/modalControls/modalTypes.ts
+++ b/web/src/shared/hooks/modalControls/modalTypes.ts
@@ -56,6 +56,7 @@ export const ModalName = {
EditLogStreaming: 'editLogStreaming',
DeleteLogStreaming: 'deleteLogStreaming',
SelfEnrollmentToken: 'selfEnrollmentToken',
+ AddNewDevice: 'addNewDevice',
AssignUserIP: 'assignUserIP',
} as const;
@@ -182,6 +183,10 @@ const modalOpenArgsSchema = z.discriminatedUnion('name', [
name: z.literal(ModalName.LicenseExpired),
data: z.custom