diff --git a/ui-ngx/src/app/shared/import-export/table-columns-assignment.component.html b/ui-ngx/src/app/shared/import-export/table-columns-assignment.component.html
index f010606fe9..7f51f98303 100644
--- a/ui-ngx/src/app/shared/import-export/table-columns-assignment.component.html
+++ b/ui-ngx/src/app/shared/import-export/table-columns-assignment.component.html
@@ -53,7 +53,7 @@
     <mat-header-cell *matHeaderCellDef class="mat-column-key"> {{ 'import.column-key' | translate }} </mat-header-cell>
     <mat-cell *matCellDef="let column">
       @if (isColumnTypeDiffers(column.type)) {
-        <mat-form-field appearance="outline">
+        <mat-form-field appearance="outline" subscriptSizing="dynamic">
           <input matInput [required]="isColumnTypeDiffers(column.type)"
                  [(ngModel)]="column.key" (ngModelChange)="columnsUpdated()"
                  placeholder="{{ 'import.column-value' | translate }}"/>
diff --git a/ui-ngx/src/app/shared/import-export/table-columns-assignment.component.scss b/ui-ngx/src/app/shared/import-export/table-columns-assignment.component.scss
index 778d3c4486..f8d56f1c49 100644
--- a/ui-ngx/src/app/shared/import-export/table-columns-assignment.component.scss
+++ b/ui-ngx/src/app/shared/import-export/table-columns-assignment.component.scss
@@ -32,4 +32,10 @@
     flex: 0 0 120px;
     min-width: 120px;
   }
+  mat-row {
+    mat-cell {
+      padding-top: 4px;
+      padding-bottom: 4px;
+    }
+  }
 }