diff --git a/dmp-frontend/src/app/ui/admin/tenant-configuration/editor/css-colors/css-colors-editor.component.html b/dmp-frontend/src/app/ui/admin/tenant-configuration/editor/css-colors/css-colors-editor.component.html
index 243cc1be5..6c0dca99b 100644
--- a/dmp-frontend/src/app/ui/admin/tenant-configuration/editor/css-colors/css-colors-editor.component.html
+++ b/dmp-frontend/src/app/ui/admin/tenant-configuration/editor/css-colors/css-colors-editor.component.html
@@ -3,20 +3,21 @@
 		<div class="col-12">
 			<div class="row">
 
-				<mat-form-field class="col-6">
+				<mat-form-field class="col-12 col-md-6">
 					<mat-label>{{'TENANT-CONFIGURATION-EDITOR.FIELDS.PRIMARY-COLOR' | translate}}</mat-label>
 					<input matInput [formControl]="formGroup.get('cssColors')?.get('primaryColorInput')" required />
 					<ngx-colors
 						class="suffix"
 						matSuffix
 						ngx-colors-trigger
+						[overlayClassName]="mr-1"
 						[formControl]="formGroup.get('cssColors')?.get('primaryColor')"
 					></ngx-colors>
 					<mat-error *ngIf="formGroup.get('cssColors')?.get('primaryColor')?.hasError('backendError')">{{formGroup.get('cssColors')?.get('primaryColor')?.getError('backendError').message}}</mat-error>
 					<mat-error *ngIf="formGroup.get('cssColors')?.get('primaryColor')?.hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
 					<mat-error *ngIf="formGroup.get('cssColors')?.get('primaryColor')?.hasError('invalidColor')">{{'GENERAL.VALIDATION.INVALID-COLOR' | translate}}</mat-error>
 				</mat-form-field>
-				<mat-form-field class="col-6">
+				<mat-form-field class="col-12 col-md-6">
 					<mat-label>{{'TENANT-CONFIGURATION-EDITOR.FIELDS.PRIMARY-COLOR-2' | translate}}</mat-label>
 					<input matInput [formControl]="formGroup.get('cssColors')?.get('primaryColor2Input')" required />
 					<ngx-colors
@@ -29,7 +30,7 @@
 					<mat-error *ngIf="formGroup.get('cssColors')?.get('primaryColor2')?.hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
 					<mat-error *ngIf="formGroup.get('cssColors')?.get('primaryColor2')?.hasError('invalidColor')">{{'GENERAL.VALIDATION.INVALID-COLOR' | translate}}</mat-error>
 				</mat-form-field>
-				<mat-form-field class="col-6">
+				<mat-form-field class="col-12 col-md-6">
 					<mat-label>{{'TENANT-CONFIGURATION-EDITOR.FIELDS.PRIMARY-COLOR-3' | translate}}</mat-label>
 					<input matInput [formControl]="formGroup.get('cssColors')?.get('primaryColor3Input')" required />
 					<ngx-colors
@@ -42,7 +43,7 @@
 					<mat-error *ngIf="formGroup.get('cssColors')?.get('primaryColor3')?.hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
 					<mat-error *ngIf="formGroup.get('cssColors')?.get('primaryColor3')?.hasError('invalidColor')">{{'GENERAL.VALIDATION.INVALID-COLOR' | translate}}</mat-error>
 				</mat-form-field>
-				<mat-form-field class="col-6">
+				<mat-form-field class="col-12 col-md-6">
 					<mat-label>{{'TENANT-CONFIGURATION-EDITOR.FIELDS.SECONDARY-COLOR' | translate}}</mat-label>
 					<input matInput [formControl]="formGroup.get('cssColors')?.get('secondaryColorInput')" required />
 					<ngx-colors
@@ -59,12 +60,11 @@
 		</div>
 		<div class="col-12">
 			<div class="row actions-row">
-				<div class="col"></div>
-				<div class="col-auto" *ngIf="editorModel.id"><button mat-raised-button color="primary" (click)="delete()">
+				<div class="ml-auto col-auto" *ngIf="editorModel.id"><button class="normal-btn-sm" (click)="delete()">
 						{{'TENANT-CONFIGURATION-EDITOR.ACTIONS.RESET-TO-DEFAULT' | translate}}
 					</button>
 				</div>
-				<div class="col-auto"><button mat-raised-button color="primary" (click)="formSubmit()">
+				<div class="ml-auto col-auto"><button class="normal-btn-sm" (click)="formSubmit()">
 						{{'TENANT-CONFIGURATION-EDITOR.ACTIONS.SAVE' | translate}}
 					</button>
 				</div>
diff --git a/dmp-frontend/src/app/ui/admin/tenant-configuration/editor/css-colors/css-colors-editor.component.scss b/dmp-frontend/src/app/ui/admin/tenant-configuration/editor/css-colors/css-colors-editor.component.scss
index 33cd57c15..e6b81ab51 100644
--- a/dmp-frontend/src/app/ui/admin/tenant-configuration/editor/css-colors/css-colors-editor.component.scss
+++ b/dmp-frontend/src/app/ui/admin/tenant-configuration/editor/css-colors/css-colors-editor.component.scss
@@ -1,3 +1,7 @@
 .css-colors {
 
 }
+
+::ng-deep .mat-mdc-form-field-icon-suffix {
+  margin-right: 0.2em;
+}
diff --git a/dmp-frontend/src/app/ui/admin/tenant-configuration/editor/default-user-locale/default-user-locale-editor.component.html b/dmp-frontend/src/app/ui/admin/tenant-configuration/editor/default-user-locale/default-user-locale-editor.component.html
index ffe03b0a4..aa794485a 100644
--- a/dmp-frontend/src/app/ui/admin/tenant-configuration/editor/default-user-locale/default-user-locale-editor.component.html
+++ b/dmp-frontend/src/app/ui/admin/tenant-configuration/editor/default-user-locale/default-user-locale-editor.component.html
@@ -1,6 +1,6 @@
 <div *ngIf="formGroup" class="container-fluid default-user-locale">
 	<div class="row">
-		<div class="col-12">
+		<div class="col-12 col-md-4">
 			<mat-form-field class="w-100">
 				<mat-label>{{'TENANT-CONFIGURATION-EDITOR.FIELDS.TIMEZONE' | translate}}</mat-label>
 				<mat-select  [formControl]="this.formGroup.get('defaultUserLocale')?.get('timezone')" name="culture">
@@ -11,6 +11,8 @@
 				<mat-error *ngIf="formGroup.get('defaultUserLocale')?.get('timezone').hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
 				<mat-error *ngIf="formGroup.get('defaultUserLocale')?.get('timezone')?.hasError('backendError')">{{formGroup.get('defaultUserLocale')?.get('timezone')?.getError('backendError').message}}</mat-error>
 			</mat-form-field>
+		</div>
+		<div class="col-12 col-md-4">
 			<mat-form-field class="w-100">
 				<mat-label>{{'TENANT-CONFIGURATION-EDITOR.FIELDS.CULTURE' | translate}}</mat-label>
 				<mat-select  [formControl]="this.formGroup.get('defaultUserLocale')?.get('culture')" name="culture">
@@ -21,6 +23,8 @@
 				<mat-error *ngIf="formGroup.get('defaultUserLocale')?.get('culture').hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
 				<mat-error *ngIf="formGroup.get('defaultUserLocale')?.get('culture')?.hasError('backendError')">{{formGroup.get('defaultUserLocale')?.get('culture')?.getError('backendError').message}}</mat-error>
 			</mat-form-field>
+		</div>
+		<div class="col-12 col-md-4">
 			<mat-form-field class="w-100">
 				<mat-label>{{'TENANT-CONFIGURATION-EDITOR.FIELDS.LANGUAGE' | translate}}</mat-label>
 				<mat-select [formControl]="this.formGroup.get('defaultUserLocale')?.get('language')"  name="language">
@@ -34,12 +38,11 @@
 		</div>
 		<div class="col-12">
 			<div class="row actions-row">
-				<div class="col"></div>
-				<div class="col-auto" *ngIf="editorModel.id"><button class="normal-btn" (click)="delete()">
+				<div class="ml-auto col-auto" *ngIf="editorModel.id"><button class="normal-btn-sm" (click)="delete()">
 						{{'TENANT-CONFIGURATION-EDITOR.ACTIONS.RESET-TO-DEFAULT' | translate}}
 					</button>
 				</div>
-				<div class="col-auto"><button class="normal-btn" (click)="formSubmit()">
+				<div class="ml-auto col-auto"><button class="normal-btn-sm" (click)="formSubmit()">
 						{{'TENANT-CONFIGURATION-EDITOR.ACTIONS.SAVE' | translate}}
 					</button>
 				</div>
diff --git a/dmp-frontend/src/app/ui/admin/tenant-configuration/editor/deposit/deposit-editor.component.html b/dmp-frontend/src/app/ui/admin/tenant-configuration/editor/deposit/deposit-editor.component.html
index 584504544..d6ca45174 100644
--- a/dmp-frontend/src/app/ui/admin/tenant-configuration/editor/deposit/deposit-editor.component.html
+++ b/dmp-frontend/src/app/ui/admin/tenant-configuration/editor/deposit/deposit-editor.component.html
@@ -24,7 +24,7 @@
 							</div>
 						</div>
 						<div class="row" >
-							<div class="col-6">
+							<div class="col-12 col-md-6">
 								<mat-form-field class="w-100">
 									<mat-label>{{'TENANT-CONFIGURATION-EDITOR.FIELDS.REPOSITORY-ID' | translate}}</mat-label>
 									<input matInput type="text" name="repositoryId" [formControl]="source.get('repositoryId')" required>
@@ -32,7 +32,7 @@
 									<mat-error *ngIf="source.get('repositoryId').hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
 								</mat-form-field>
 							</div>
-							<div class="col-6">
+							<div class="col-12 col-md-6">
 								<mat-form-field class="w-100">
 									<mat-label>{{'TENANT-CONFIGURATION-EDITOR.FIELDS.URL' | translate}}</mat-label>
 									<input matInput type="text" name="url" [formControl]="source.get('url')" required>
@@ -40,7 +40,7 @@
 									<mat-error *ngIf="source.get('url').hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
 								</mat-form-field>
 							</div>
-							<div class="col-6">
+							<div class="col-12 col-md-6">
 								<mat-form-field class="w-100">
 									<mat-label>{{'TENANT-CONFIGURATION-EDITOR.FIELDS.ISSUER-URL' | translate}}</mat-label>
 									<input matInput type="text" name="issuerUrl" [formControl]="source.get('issuerUrl')" required>
@@ -48,7 +48,7 @@
 									<mat-error *ngIf="source.get('issuerUrl').hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
 								</mat-form-field>
 							</div>
-							<div class="col-6">
+							<div class="col-12 col-md-6">
 								<mat-form-field class="w-100">
 									<mat-label>{{'TENANT-CONFIGURATION-EDITOR.FIELDS.CLIENT-ID' | translate}}</mat-label>
 									<input matInput type="text" name="clientId" [formControl]="source.get('clientId')" required>
@@ -56,7 +56,7 @@
 									<mat-error *ngIf="source.get('clientId').hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
 								</mat-form-field>
 							</div>
-							<div class="col-6">
+							<div class="col-12 col-md-6">
 								<mat-form-field class="w-100">
 									<mat-label>{{'TENANT-CONFIGURATION-EDITOR.FIELDS.CLIENT-SECRET' | translate}}</mat-label>
 									<input matInput type="text" name="clientSecret" [formControl]="source.get('clientSecret')" required>
@@ -64,7 +64,7 @@
 									<mat-error *ngIf="source.get('clientSecret').hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
 								</mat-form-field>
 							</div>
-							<div class="col-6">
+							<div class="col-12 col-md-6">
 								<mat-form-field class="w-100">
 									<mat-label>{{'TENANT-CONFIGURATION-EDITOR.FIELDS.SCOPE' | translate}}</mat-label>
 									<input matInput type="text" name="scope" [formControl]="source.get('scope')" required>
@@ -72,7 +72,7 @@
 									<mat-error *ngIf="source.get('scope').hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
 								</mat-form-field>
 							</div>
-							<div class="col-6">
+							<div class="col-12 col-md-6">
 								<mat-form-field class="w-100">
 									<mat-label>{{'TENANT-CONFIGURATION-EDITOR.FIELDS.PDF-TRANSFORMER-ID' | translate}}</mat-label>
 									<input matInput type="text" name="pdfTransformerId" [formControl]="source.get('pdfTransformerId')" required>
@@ -80,7 +80,7 @@
 									<mat-error *ngIf="source.get('pdfTransformerId').hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
 								</mat-form-field>
 							</div>
-							<div class="col-6">
+							<div class="col-12 col-md-6">
 								<mat-form-field class="w-100">
 									<mat-label>{{'TENANT-CONFIGURATION-EDITOR.FIELDS.RDA-TRANSFORMER-ID' | translate}}</mat-label>
 									<input matInput type="text" name="rdaTransformerId" [formControl]="source.get('rdaTransformerId')" required>
@@ -94,12 +94,11 @@
 		</div>
 		<div class="col-12">
 			<div class="row actions-row">
-				<div class="col"></div>
-				<div class="col-auto" *ngIf="editorModel.id"><button mat-raised-button color="primary" (click)="delete()">
+				<div class="ml-auto col-auto" *ngIf="editorModel.id"><button class="normal-btn-sm" (click)="delete()">
 						{{'TENANT-CONFIGURATION-EDITOR.ACTIONS.RESET-TO-DEFAULT' | translate}}
 					</button>
 				</div>
-				<div class="col-auto"><button mat-raised-button color="primary" (click)="formSubmit()">
+				<div class="ml-auto col-auto"><button class="normal-btn-sm" (click)="formSubmit()">
 						{{'TENANT-CONFIGURATION-EDITOR.ACTIONS.SAVE' | translate}}
 					</button>
 				</div>
diff --git a/dmp-frontend/src/app/ui/admin/tenant-configuration/editor/deposit/deposit-editor.component.scss b/dmp-frontend/src/app/ui/admin/tenant-configuration/editor/deposit/deposit-editor.component.scss
index 475061b20..cb290cffc 100644
--- a/dmp-frontend/src/app/ui/admin/tenant-configuration/editor/deposit/deposit-editor.component.scss
+++ b/dmp-frontend/src/app/ui/admin/tenant-configuration/editor/deposit/deposit-editor.component.scss
@@ -18,3 +18,7 @@
 		}
 	}
 }
+
+::ng-deep label {
+	margin: 0;
+}
diff --git a/dmp-frontend/src/app/ui/admin/tenant-configuration/editor/file-transformer/file-transformer-editor.component.html b/dmp-frontend/src/app/ui/admin/tenant-configuration/editor/file-transformer/file-transformer-editor.component.html
index c487e5650..f8fc73602 100644
--- a/dmp-frontend/src/app/ui/admin/tenant-configuration/editor/file-transformer/file-transformer-editor.component.html
+++ b/dmp-frontend/src/app/ui/admin/tenant-configuration/editor/file-transformer/file-transformer-editor.component.html
@@ -23,7 +23,7 @@
 							</div>
 						</div>
 						<div class="row" >
-							<div class="col-6">
+							<div class="col-12 col-md-6">
 								<mat-form-field class="w-100">
 									<mat-label>{{'TENANT-CONFIGURATION-EDITOR.FIELDS.TRANSFORMER-ID' | translate}}</mat-label>
 									<input matInput type="text" name="transformerId" [formControl]="source.get('transformerId')" required>
@@ -31,7 +31,7 @@
 									<mat-error *ngIf="source.get('transformerId').hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
 								</mat-form-field>
 							</div>
-							<div class="col-6">
+							<div class="col-12 col-md-6">
 								<mat-form-field class="w-100">
 									<mat-label>{{'TENANT-CONFIGURATION-EDITOR.FIELDS.URL' | translate}}</mat-label>
 									<input matInput type="text" name="url" [formControl]="source.get('url')" required>
@@ -39,7 +39,7 @@
 									<mat-error *ngIf="source.get('url').hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
 								</mat-form-field>
 							</div>
-							<div class="col-6">
+							<div class="col-12 col-md-6">
 								<mat-form-field class="w-100">
 									<mat-label>{{'TENANT-CONFIGURATION-EDITOR.FIELDS.ISSUER-URL' | translate}}</mat-label>
 									<input matInput type="text" name="issuerUrl" [formControl]="source.get('issuerUrl')" required>
@@ -47,7 +47,7 @@
 									<mat-error *ngIf="source.get('issuerUrl').hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
 								</mat-form-field>
 							</div>
-							<div class="col-6">
+							<div class="col-12 col-md-6">
 								<mat-form-field class="w-100">
 									<mat-label>{{'TENANT-CONFIGURATION-EDITOR.FIELDS.CLIENT-ID' | translate}}</mat-label>
 									<input matInput type="text" name="clientId" [formControl]="source.get('clientId')" required>
@@ -55,7 +55,7 @@
 									<mat-error *ngIf="source.get('clientId').hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
 								</mat-form-field>
 							</div>
-							<div class="col-6">
+							<div class="col-12 col-md-6">
 								<mat-form-field class="w-100">
 									<mat-label>{{'TENANT-CONFIGURATION-EDITOR.FIELDS.CLIENT-SECRET' | translate}}</mat-label>
 									<input matInput type="text" name="clientSecret" [formControl]="source.get('clientSecret')" required>
@@ -63,7 +63,7 @@
 									<mat-error *ngIf="source.get('clientSecret').hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
 								</mat-form-field>
 							</div>
-							<div class="col-6">
+							<div class="col-12 col-md-6">
 								<mat-form-field class="w-100">
 									<mat-label>{{'TENANT-CONFIGURATION-EDITOR.FIELDS.SCOPE' | translate}}</mat-label>
 									<input matInput type="text" name="scope" [formControl]="source.get('scope')" required>
@@ -78,11 +78,11 @@
 		<div class="col-12">
 			<div class="row actions-row">
 				<div class="col"></div>
-				<div class="col-auto" *ngIf="editorModel.id"><button mat-raised-button color="primary" (click)="delete()">
+				<div class="col-auto" *ngIf="editorModel.id"><button class="normal-btn-sm" (click)="delete()">
 						{{'TENANT-CONFIGURATION-EDITOR.ACTIONS.RESET-TO-DEFAULT' | translate}}
 					</button>
 				</div>
-				<div class="col-auto"><button mat-raised-button color="primary" (click)="formSubmit()">
+				<div class="col-auto"><button class="normal-btn-sm" (click)="formSubmit()">
 						{{'TENANT-CONFIGURATION-EDITOR.ACTIONS.SAVE' | translate}}
 					</button>
 				</div>
diff --git a/dmp-frontend/src/app/ui/admin/tenant-configuration/editor/file-transformer/file-transformer-editor.component.scss b/dmp-frontend/src/app/ui/admin/tenant-configuration/editor/file-transformer/file-transformer-editor.component.scss
index 998033d7a..eb0012996 100644
--- a/dmp-frontend/src/app/ui/admin/tenant-configuration/editor/file-transformer/file-transformer-editor.component.scss
+++ b/dmp-frontend/src/app/ui/admin/tenant-configuration/editor/file-transformer/file-transformer-editor.component.scss
@@ -18,3 +18,7 @@
 		}
 	}
 }
+
+::ng-deep label {
+	margin: 0;
+}
diff --git a/dmp-frontend/src/app/ui/admin/tenant-configuration/editor/logo/logo-editor.component.html b/dmp-frontend/src/app/ui/admin/tenant-configuration/editor/logo/logo-editor.component.html
index 5b8961563..ccc3b3d45 100644
--- a/dmp-frontend/src/app/ui/admin/tenant-configuration/editor/logo/logo-editor.component.html
+++ b/dmp-frontend/src/app/ui/admin/tenant-configuration/editor/logo/logo-editor.component.html
@@ -7,25 +7,25 @@
 				</ngx-dropzone-preview>
 			</ngx-dropzone>
 			<div class="col-12 d-flex justify-content-center attach-btn">
-				<button *ngIf="!formGroup.get('logo')?.get('storageFileId')?.value" mat-button (click)="drop.showFileSelector()" type="button" class="attach-file-btn" [disabled]="formGroup.get('logo')?.get('storageFileId')?.disabled">
+				<button *ngIf="!formGroup.get('logo')?.get('storageFileId')?.value" (click)="drop.showFileSelector()" mat-button type="button" class="attach-file" [disabled]="formGroup.get('logo')?.get('storageFileId')?.disabled">
 					<mat-icon class="mr-2">upload</mat-icon>
-					<mat-label>{{ "TENANT-CONFIGURATION-EDITOR.ACTIONS.UPLOAD" | translate }}</mat-label>
+					<span>{{ "TENANT-CONFIGURATION-EDITOR.ACTIONS.UPLOAD" | translate }}</span>
 				</button>
 
-				<button *ngIf="formGroup.get('logo')?.get('storageFileId')?.value" mat-button (click)="download(formGroup.get('logo')?.get('storageFileId')?.value)" type="button" class="attach-file-btn">
+				<button *ngIf="formGroup.get('logo')?.get('storageFileId')?.value" (click)="download(formGroup.get('logo')?.get('storageFileId')?.value)" mat-button type="button" class="attach-file">
 					<mat-icon class="mr-2">download</mat-icon>
-					<mat-label>{{ "TENANT-CONFIGURATION-EDITOR.ACTIONS.DOWNLOAD" | translate }}</mat-label>
+					<span>{{ "TENANT-CONFIGURATION-EDITOR.ACTIONS.DOWNLOAD" | translate }}</span>
 				</button>
 			</div>
 		</div>
 		<div class="col-12">
 			<div class="row actions-row">
 				<div class="col"></div>
-				<div class="col-auto" *ngIf="editorModel.id"><button mat-raised-button color="primary" (click)="delete()">
+				<div class="col-auto" *ngIf="editorModel.id"><button class="normal-btn-sm" (click)="delete()">
 						{{'TENANT-CONFIGURATION-EDITOR.ACTIONS.RESET-TO-DEFAULT' | translate}}
 					</button>
 				</div>
-				<div class="col-auto"><button mat-raised-button color="primary" (click)="formSubmit()">
+				<div class="col-auto"><button class="normal-btn-sm" (click)="formSubmit()">
 						{{'TENANT-CONFIGURATION-EDITOR.ACTIONS.SAVE' | translate}}
 					</button>
 				</div>
diff --git a/dmp-frontend/src/app/ui/admin/tenant-configuration/editor/logo/logo-editor.component.scss b/dmp-frontend/src/app/ui/admin/tenant-configuration/editor/logo/logo-editor.component.scss
index 120e11069..67a64bbdd 100644
--- a/dmp-frontend/src/app/ui/admin/tenant-configuration/editor/logo/logo-editor.component.scss
+++ b/dmp-frontend/src/app/ui/admin/tenant-configuration/editor/logo/logo-editor.component.scss
@@ -1,3 +1,19 @@
-.logo {
 
+.attach-btn {
+	top: -20px;
+}
+
+.attach-file {
+	width: 156px;
+	height: 44px;
+	color: #ffffff;
+	background: var(--primary-color) 0% 0% no-repeat padding-box;
+	box-shadow: 0px 3px 6px #1e202029;
+	border-radius: 30px;
+}
+
+.attach-file:hover {
+	background-color: #ffffff;
+	border: 1px solid var(--primary-color);
+	color: var(--primary-color);
 }
diff --git a/dmp-frontend/src/app/ui/admin/tenant-configuration/editor/tenant-configuration-editor.component.html b/dmp-frontend/src/app/ui/admin/tenant-configuration/editor/tenant-configuration-editor.component.html
index f61dff138..25c9dd65d 100644
--- a/dmp-frontend/src/app/ui/admin/tenant-configuration/editor/tenant-configuration-editor.component.html
+++ b/dmp-frontend/src/app/ui/admin/tenant-configuration/editor/tenant-configuration-editor.component.html
@@ -38,7 +38,6 @@
 												<app-tenant-configuration-css-colors-editor></app-tenant-configuration-css-colors-editor>
 											</ng-template>
 										</mat-expansion-panel>
-
 										<mat-expansion-panel>
 											<mat-expansion-panel-header>
 												<mat-panel-title>{{'TENANT-CONFIGURATION-EDITOR.DEPOSIT-PLUGINS.TITLE' | translate}}</mat-panel-title>