diff --git a/ui/ui-frontend/package-lock.json b/ui/ui-frontend/package-lock.json
index 1877f3baa5a..818ef19ef86 100644
--- a/ui/ui-frontend/package-lock.json
+++ b/ui/ui-frontend/package-lock.json
@@ -24203,11 +24203,13 @@
     },
     "ajv-errors": {
       "version": "1.0.1",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "ajv-keywords": {
       "version": "3.5.2",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "alphanum-sort": {
       "version": "1.0.2",
@@ -24808,7 +24810,8 @@
       "dev": true
     },
     "bootstrap": {
-      "version": "4.6.2"
+      "version": "4.6.2",
+      "requires": {}
     },
     "boxen": {
       "version": "5.1.2",
@@ -25214,7 +25217,8 @@
     },
     "circular-dependency-plugin": {
       "version": "5.2.0",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "class-utils": {
       "version": "0.3.6",
@@ -25393,11 +25397,13 @@
       "dependencies": {
         "@angular/compiler": {
           "version": "9.0.0",
-          "dev": true
+          "dev": true,
+          "requires": {}
         },
         "@angular/core": {
           "version": "9.0.0",
-          "dev": true
+          "dev": true,
+          "requires": {}
         },
         "source-map": {
           "version": "0.5.7",
@@ -26196,7 +26202,8 @@
       "version": "3.5.17"
     },
     "d3-svg-legend": {
-      "version": "1.13.0"
+      "version": "1.13.0",
+      "requires": {}
     },
     "damerau-levenshtein": {
       "version": "1.0.8",
@@ -31078,7 +31085,8 @@
       "dev": true
     },
     "nvd3": {
-      "version": "1.8.6"
+      "version": "1.8.6",
+      "requires": {}
     },
     "oauth-sign": {
       "version": "0.9.0",
@@ -34889,7 +34897,8 @@
     },
     "tsickle": {
       "version": "0.39.1",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "tslib": {
       "version": "2.6.2"
@@ -36882,7 +36891,8 @@
     },
     "ws": {
       "version": "8.11.0",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "xdg-basedir": {
       "version": "4.0.0",
diff --git a/ui/ui-frontend/projects/archive-search/src/app/archive/common-services/archive-unit-dip.service.ts b/ui/ui-frontend/projects/archive-search/src/app/archive/common-services/archive-unit-dip.service.ts
index 831225b24e9..3fe12d3dbc3 100644
--- a/ui/ui-frontend/projects/archive-search/src/app/archive/common-services/archive-unit-dip.service.ts
+++ b/ui/ui-frontend/projects/archive-search/src/app/archive/common-services/archive-unit-dip.service.ts
@@ -43,6 +43,8 @@ export class ArchiveUnitDipService {
     public dialog: MatDialog,
   ) {}
 
+  private readonly maxWithInVw = '800px';
+
   launchExportDipModal(
     listOfUACriteriaSearch: SearchCriteriaEltDto[],
     selectedItemCountKnown: boolean,
@@ -96,6 +98,7 @@ export class ArchiveUnitDipService {
         tenantIdentifier,
         selectedItemCountKnown,
       },
+      maxWidth: this.maxWithInVw,
     });
     dialogRef.afterClosed().subscribe((result) => {
       if (result) {
@@ -169,7 +172,9 @@ export class ArchiveUnitDipService {
         tenantIdentifier,
         selectedItemCountKnown,
       },
+      maxWidth: this.maxWithInVw,
     });
+
     dialogRef.afterClosed().subscribe((result) => {
       if (result) {
         return;