diff --git a/projects/editor/src/app/unit-view/page-view/properties-panel/element-style-properties.component.ts b/projects/editor/src/app/unit-view/page-view/properties-panel/element-style-properties.component.ts
index 252a7cfe36c8abf3a6fdc80ce1c17c806f3cb191..a936e1faffa02ef4aaafef9833961ba9a57db4ef 100644
--- a/projects/editor/src/app/unit-view/page-view/properties-panel/element-style-properties.component.ts
+++ b/projects/editor/src/app/unit-view/page-view/properties-panel/element-style-properties.component.ts
@@ -13,6 +13,12 @@ import { UIElement } from '../../../../../../common/models/uI-element';
         <input matInput type="color" [value]="combinedProperties.backgroundColor"
                (input)="updateModel.emit({ property: 'backgroundColor', value: $any($event.target).value })">
       </mat-form-field>
+      <mat-form-field *ngIf="combinedProperties.backgroundColor"
+                      appearance="fill" class="mdInput textsingleline">
+        <mat-label>Hintergrundfarbe</mat-label>
+        <input matInput type="text" [value]="combinedProperties.backgroundColor"
+               (input)="updateModel.emit({ property: 'backgroundColor', value: $any($event.target).value })">
+      </mat-form-field>
       <mat-form-field *ngIf="combinedProperties.fontColor"
                       appearance="fill" class="mdInput textsingleline">
         <mat-label>Schriftfarbe</mat-label>