diff --git a/frontend/src/app/ui/admin/tenant-configuration/editor/css-colors/css-colors-editor.component.html b/frontend/src/app/ui/admin/tenant-configuration/editor/css-colors/css-colors-editor.component.html
index ac65014d5..5d2b00d8a 100644
--- a/frontend/src/app/ui/admin/tenant-configuration/editor/css-colors/css-colors-editor.component.html
+++ b/frontend/src/app/ui/admin/tenant-configuration/editor/css-colors/css-colors-editor.component.html
@@ -64,7 +64,7 @@
 						{{'TENANT-CONFIGURATION-EDITOR.ACTIONS.RESET-TO-DEFAULT' | translate}}
 					</button>
 				</div>
-				<div class="ml-auto col-auto"><button mat-button class="rounded-btn primary" (click)="formSubmit()">
+				<div class="col-auto"><button mat-button class="rounded-btn primary" (click)="formSubmit()">
 						{{'TENANT-CONFIGURATION-EDITOR.ACTIONS.SAVE' | translate}}
 					</button>
 				</div>
diff --git a/frontend/src/app/ui/admin/user/listing/role-editor/user-role-editor.component.html b/frontend/src/app/ui/admin/user/listing/role-editor/user-role-editor.component.html
index 3e19a08f6..09342b9fe 100644
--- a/frontend/src/app/ui/admin/user/listing/role-editor/user-role-editor.component.html
+++ b/frontend/src/app/ui/admin/user/listing/role-editor/user-role-editor.component.html
@@ -21,7 +21,7 @@
 					</div>
 				</ng-container>
 			</div>
-			<div *ngIf="this.nowEditing" class="pl-0 col-8">
+			<div *ngIf="this.nowEditing" class="pl-0 mt-4 col-8">
 				<mat-form-field class="w-100">
 					<mat-select formControlName="roles" [panelWidth]="auto" multiple required>
 						<mat-option *ngIf="!hasTenantAdminMode" [value]="appRole.Admin">{{enumUtils.toAppRoleString(appRole.Admin)}}</mat-option>
@@ -36,12 +36,12 @@
 				</mat-form-field>
 			</div>
 
-			<div *ngIf="!this.nowEditing" class="col-2 p-0">
+			<div *ngIf="!this.nowEditing" class="col-auto p-0 dense-3">
 				<button mat-icon-button color="primary" type="button" (click)="editItem()" matTooltip="{{'USER-LISTING.ACTIONS.EDIT' | translate}}">
 					<mat-icon>edit</mat-icon>
 				</button>
 			</div>
-			<div *ngIf="this.nowEditing" class="col-2 p-0">
+			<div *ngIf="this.nowEditing" class="col-auto p-0 dense-3">
 				<button mat-icon-button color="primary" type="submit" matTooltip="{{'USER-LISTING.ACTIONS.SAVE' | translate}}">
 					<mat-icon>save</mat-icon>
 				</button>
diff --git a/frontend/src/app/ui/admin/user/listing/role-editor/user-role-editor.component.scss b/frontend/src/app/ui/admin/user/listing/role-editor/user-role-editor.component.scss
index b71c301ce..c7ef13168 100644
--- a/frontend/src/app/ui/admin/user/listing/role-editor/user-role-editor.component.scss
+++ b/frontend/src/app/ui/admin/user/listing/role-editor/user-role-editor.component.scss
@@ -4,8 +4,6 @@
 	justify-content: space-between;
 	padding-left: 15px;
 	padding-right: 15px;
-	.select-role {
-	}
 
 	.roles {
 		min-width: 90px;
diff --git a/frontend/src/app/ui/description/listing/description-listing.component.html b/frontend/src/app/ui/description/listing/description-listing.component.html
index 4864a2eb3..f13ad2e82 100644
--- a/frontend/src/app/ui/description/listing/description-listing.component.html
+++ b/frontend/src/app/ui/description/listing/description-listing.component.html
@@ -64,7 +64,7 @@
 								<!-- End of Guided Tour -->
 								<!-- Search Filter-->
 								<div class="col-12 col-xl-auto">
-                  <app-text-filter suffixIcon="search" floatLabel="never" placeholder="{{'GENERAL.CRITERIA.LIKE'| translate}}" [(value)]=lookup.like (valueChange)="controlModified()" />
+                  <app-text-filter suffixIcon="search" floatLabel="never" placeholder="{{'GENERAL.CRITERIA.LIKE'| translate}}" [(value)]=lookup.like (valueChange)="controlModified()"></app-text-filter>
 								</div>
 								<!-- End of Search Filter -->
 							</div>
diff --git a/frontend/src/app/ui/plan/listing/plan-listing.component.html b/frontend/src/app/ui/plan/listing/plan-listing.component.html
index 454c51c93..479c54f6d 100644
--- a/frontend/src/app/ui/plan/listing/plan-listing.component.html
+++ b/frontend/src/app/ui/plan/listing/plan-listing.component.html
@@ -50,7 +50,7 @@
 									<span *ngIf="!isPublic" class="center-content" (click)="restartTour()">{{ 'GENERAL.ACTIONS.TAKE-A-TOUR'| translate }}</span>
 								</div>
 								<div class="col-12 col-xl-auto">
-									<app-text-filter suffixIcon="search" floatLabel="never" placeholder="{{'GENERAL.CRITERIA.LIKE'| translate}}" [(value)]=lookup.like (valueChange)="controlModified()" />
+									<app-text-filter suffixIcon="search" floatLabel="never" placeholder="{{'GENERAL.CRITERIA.LIKE'| translate}}" [(value)]=lookup.like (valueChange)="controlModified()"></app-text-filter>
 								</div>
 							</div>
 						</div>
diff --git a/frontend/src/common/modules/text-filter/text-filter.component.html b/frontend/src/common/modules/text-filter/text-filter.component.html
index 90ffa639d..19694a320 100644
--- a/frontend/src/common/modules/text-filter/text-filter.component.html
+++ b/frontend/src/common/modules/text-filter/text-filter.component.html
@@ -1,4 +1,4 @@
-<mat-form-field subscriptSizing="dynamic" [floatLabel]="floatLabel">
+<mat-form-field subscriptSizing="dynamic" [floatLabel]="floatLabel" class="w-100">
 	<mat-icon *ngIf="suffixIcon" matSuffix>{{suffixIcon}}</mat-icon>
 	<mat-label *ngIf="label">{{label}}</mat-label>
 	<input autocomplete="nope" matInput class="search-box" [placeholder]="textPlaceholder" [(ngModel)]="inputValue">