diff --git a/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/package-lock.json b/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/package-lock.json
index 7d16f8e6..144ee31e 100644
--- a/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/package-lock.json
+++ b/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/package-lock.json
@@ -29,6 +29,7 @@
         "jquery": "^3.7.1",
         "rxjs": "~7.8.0",
         "tslib": "^2.3.0",
+        "uuid": "^10.0.0",
         "zone.js": "~0.14.3"
       },
       "devDependencies": {
@@ -39,6 +40,7 @@
         "@types/express": "^4.17.17",
         "@types/jasmine": "~5.1.0",
         "@types/node": "^18.18.0",
+        "@types/uuid": "^10.0.0",
         "jasmine-core": "~5.1.0",
         "karma": "~6.4.0",
         "karma-chrome-launcher": "~3.2.0",
@@ -4872,6 +4874,12 @@
         "@types/node": "*"
       }
     },
+    "node_modules/@types/uuid": {
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/@types/uuid/-/uuid-10.0.0.tgz",
+      "integrity": "sha512-7gqG38EyHgyP1S+7+xomFtL+ZNHcKv6DwNaCZmJmo1vgMugyF3TCnXVg4t1uk89mLNwnLtnY3TpOpCOyp1/xHQ==",
+      "dev": true
+    },
     "node_modules/@types/ws": {
       "version": "8.5.10",
       "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.5.10.tgz",
@@ -11623,6 +11631,15 @@
         "websocket-driver": "^0.7.4"
       }
     },
+    "node_modules/sockjs/node_modules/uuid": {
+      "version": "8.3.2",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
+      "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==",
+      "dev": true,
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
     "node_modules/socks": {
       "version": "2.8.3",
       "resolved": "https://registry.npmjs.org/socks/-/socks-2.8.3.tgz",
@@ -12402,10 +12419,13 @@
       }
     },
     "node_modules/uuid": {
-      "version": "8.3.2",
-      "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
-      "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==",
-      "dev": true,
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-10.0.0.tgz",
+      "integrity": "sha512-8XkAphELsDnEGrDxUOHB3RGvXz6TeuYSGEZBOjtTtPm2lwhGBjLgOzLHB63IUWfBpNucQjND6d3AOudO+H3RWQ==",
+      "funding": [
+        "https://github.com/sponsors/broofa",
+        "https://github.com/sponsors/ctavan"
+      ],
       "bin": {
         "uuid": "dist/bin/uuid"
       }
diff --git a/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/package.json b/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/package.json
index 855ac4f0..798580df 100644
--- a/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/package.json
+++ b/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/package.json
@@ -32,6 +32,7 @@
     "jquery": "^3.7.1",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
+    "uuid": "^10.0.0",
     "zone.js": "~0.14.3"
   },
   "devDependencies": {
@@ -42,6 +43,7 @@
     "@types/express": "^4.17.17",
     "@types/jasmine": "~5.1.0",
     "@types/node": "^18.18.0",
+    "@types/uuid": "^10.0.0",
     "jasmine-core": "~5.1.0",
     "karma": "~6.4.0",
     "karma-chrome-launcher": "~3.2.0",
diff --git a/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/components/receiver-table/receiver-table.component.ts b/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/components/receiver-table/receiver-table.component.ts
index 032d0a62..b45d343c 100644
--- a/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/components/receiver-table/receiver-table.component.ts
+++ b/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/components/receiver-table/receiver-table.component.ts
@@ -10,6 +10,7 @@ import { ReceiverInputComponent } from '../receiver-input/receiver-input.compone
 import { MatIconModule } from '@angular/material/icon';
 import { MatButtonModule } from '@angular/material/button';
 import { ClearableInputComponent } from '../clearable-input/clearable-input.component'
+import { v4 as uuidv4 } from 'uuid';
 
 @Component({
   selector: 'receiver-table',
@@ -76,6 +77,6 @@ export class ReceiverTableComponent implements OnInit {
 }
 
 function generateAccessCode(): string {
-  const uuid = crypto.randomUUID();
+  const uuid = uuidv4();
   return uuid.replace(/-/g, '').substring(1, 7).toUpperCase();
 }
\ No newline at end of file