diff --git a/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/components/envelope-table/envelope-table.component.html b/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/components/envelope-table/envelope-table.component.html
index f327f57f..e27000d4 100644
--- a/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/components/envelope-table/envelope-table.component.html
+++ b/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/components/envelope-table/envelope-table.component.html
@@ -7,5 +7,7 @@
 [searching]="searching"
 [infoPanel]="infoPanel"
 [localization]="localization"
+[theme]="theme"
+[autoResizeWidth] = "true"
 >
 </gui-grid>
\ No newline at end of file
diff --git a/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/components/envelope-table/envelope-table.component.ts b/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/components/envelope-table/envelope-table.component.ts
index 86137d0f..112dc4b5 100644
--- a/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/components/envelope-table/envelope-table.component.ts
+++ b/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/components/envelope-table/envelope-table.component.ts
@@ -1,6 +1,6 @@
 import { Component } from '@angular/core';
 import { EnvelopeReceiverService } from '../../services/envelope-receiver.service';
-import { GuiColumn, GuiColumnMenu, GuiGridModule, GuiInfoPanel, GuiLocalization, GuiPaging, GuiPagingDisplay, GuiSearching, GuiSorting, GuiSummaries } from '@generic-ui/ngx-grid';
+import { GuiColumn, GuiColumnMenu, GuiGridModule, GuiInfoPanel, GuiLocalization, GuiPaging, GuiPagingDisplay, GuiSearching, GuiSorting, GuiSummaries, GuiTheme } from '@generic-ui/ngx-grid';
 
 @Component({
   selector: 'app-envelope-table',
@@ -51,6 +51,8 @@ export class EnvelopeTableComponent {
     translationResolver: (key: string, value: string) => EnvelopeTableComponent.Translation[key] ?? value
   };
 
+  theme: GuiTheme = GuiTheme.FABRIC;
+
   source: Array<any> = []
 
   constructor(private erService: EnvelopeReceiverService) { }
diff --git a/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/pages/envelope/envelope.component.html b/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/pages/envelope/envelope.component.html
index 64eb00dc..339e65a2 100644
--- a/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/pages/envelope/envelope.component.html
+++ b/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/pages/envelope/envelope.component.html
@@ -1,8 +1,10 @@
-<mat-tab-group>
-    <mat-tab label="Offene Umschläge">
-        <app-envelope-table></app-envelope-table>
-    </mat-tab>
-    <mat-tab label="Abgeschlossene Umschläge">
-        <app-envelope-table></app-envelope-table>
-    </mat-tab>
-</mat-tab-group>
\ No newline at end of file
+<div id="table">
+    <mat-tab-group>
+        <mat-tab label="Offene Umschläge">
+            <app-envelope-table></app-envelope-table>
+        </mat-tab>
+        <mat-tab label="Abgeschlossene Umschläge">
+            <app-envelope-table></app-envelope-table>
+        </mat-tab>
+    </mat-tab-group>
+</div>
\ No newline at end of file
diff --git a/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/pages/envelope/envelope.component.scss b/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/pages/envelope/envelope.component.scss
index e69de29b..8d47a7a0 100644
--- a/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/pages/envelope/envelope.component.scss
+++ b/EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/pages/envelope/envelope.component.scss
@@ -0,0 +1,3 @@
+#table {
+    padding: 2rem;
+}
\ No newline at end of file