diff --git a/app/src/app/app.module.ts b/app/src/app/app.module.ts
index b1e6dfb93f..ced53c4df8 100644
--- a/app/src/app/app.module.ts
+++ b/app/src/app/app.module.ts
@@ -64,7 +64,6 @@ import { ShellModule, SHELL_APP_SERVICE, SHELL_AUTH_TOKEN } from '@alfresco/adf-
 import { StoreDevtoolsModule } from '@ngrx/store-devtools';
 import { APP_ROUTES } from './app.routes';
 import { MatIconRegistry } from '@angular/material/icon';
-import { MAT_FORM_FIELD_DEFAULT_OPTIONS } from '@angular/material/form-field';
 
 registerLocaleData(localeFr);
 registerLocaleData(localeDe);
@@ -123,12 +122,6 @@ registerLocaleData(localeSv);
         name: 'app',
         source: 'assets'
       }
-    },
-    {
-      provide: MAT_FORM_FIELD_DEFAULT_OPTIONS,
-      useValue: {
-        appearance: 'outline'
-      }
     }
   ],
   declarations: [AppComponent],
diff --git a/projects/aca-content/folder-rules/src/rule-details/actions/rule-action.ui-component.scss b/projects/aca-content/folder-rules/src/rule-details/actions/rule-action.ui-component.scss
index 83969a972d..80e821f5e7 100644
--- a/projects/aca-content/folder-rules/src/rule-details/actions/rule-action.ui-component.scss
+++ b/projects/aca-content/folder-rules/src/rule-details/actions/rule-action.ui-component.scss
@@ -8,13 +8,13 @@
       margin-top: -15px;
 
       .adf-property-list {
-        padding: 15px 8px 8px;
+        padding: 8px;
         background: unset;
       }
 
       .adf-property-list .adf-property adf-card-view-item-dispatcher adf-card-view-textitem {
         display: inline-block;
-        width: 100%;
+        width: 300px;
 
         .adf-textitem-clickable {
           padding-top: 0;
diff --git a/projects/aca-content/folder-rules/src/rule-details/conditions/rule-composite-condition.ui-component.html b/projects/aca-content/folder-rules/src/rule-details/conditions/rule-composite-condition.ui-component.html
index abba5e3407..e4c2be0d86 100644
--- a/projects/aca-content/folder-rules/src/rule-details/conditions/rule-composite-condition.ui-component.html
+++ b/projects/aca-content/folder-rules/src/rule-details/conditions/rule-composite-condition.ui-component.html
@@ -7,7 +7,7 @@
     class="aca-rule-composite-condition__form__row"
     *ngFor="let control of conditionFormControls; let i = index">
 
-    <mat-form-field *ngIf="i === 0" appearance="outline" subscriptSizing="dynamic" class="aca-rule-composite-condition-form-field">
+    <mat-form-field *ngIf="i === 0" appearance="outline" subscriptSizing="dynamic">
       <mat-select
         [formControl]="invertedControl"
         [disabled]="readOnly">
@@ -16,7 +16,7 @@
       </mat-select>
     </mat-form-field>
 
-    <mat-form-field *ngIf="i > 0" appearance="outline" subscriptSizing="dynamic" class="aca-rule-composite-condition-form-field">
+    <mat-form-field *ngIf="i > 0" appearance="outline" subscriptSizing="dynamic">
       <mat-select
         [formControl]="booleanModeControl">
         <mat-option value="and">{{ 'ACA_FOLDER_RULES.RULE_DETAILS.LOGIC_OPERATORS.AND' | translate }}</mat-option>
diff --git a/projects/aca-content/folder-rules/src/rule-details/conditions/rule-composite-condition.ui-component.scss b/projects/aca-content/folder-rules/src/rule-details/conditions/rule-composite-condition.ui-component.scss
index 283c644df0..d2af1b9eeb 100644
--- a/projects/aca-content/folder-rules/src/rule-details/conditions/rule-composite-condition.ui-component.scss
+++ b/projects/aca-content/folder-rules/src/rule-details/conditions/rule-composite-condition.ui-component.scss
@@ -40,10 +40,6 @@
       & > :nth-child(2) {
         flex: 1;
       }
-
-      .aca-rule-composite-condition-form-field {
-        min-width: unset;
-      }
     }
   }
 }
diff --git a/projects/aca-content/folder-rules/src/rule-details/rule-details.ui-component.html b/projects/aca-content/folder-rules/src/rule-details/rule-details.ui-component.html
index 8f652bd1cd..d8d26a0be6 100644
--- a/projects/aca-content/folder-rules/src/rule-details/rule-details.ui-component.html
+++ b/projects/aca-content/folder-rules/src/rule-details/rule-details.ui-component.html
@@ -53,7 +53,7 @@
     </aca-rule-action-list>
   </div>
 
-  <div class="aca-rule-details__form__row aca-rule-details__form__options" *ngIf="showOptionsSection">
+  <div class="aca-rule-details__form__row" *ngIf="showOptionsSection">
     <div class="aca-label">{{ 'ACA_FOLDER_RULES.RULE_DETAILS.LABEL.OPTIONS' | translate }}</div>
     <aca-rule-options
       formControlName="options"
diff --git a/projects/aca-content/folder-rules/src/rule-details/rule-details.ui-component.scss b/projects/aca-content/folder-rules/src/rule-details/rule-details.ui-component.scss
index 065c7d9555..f1434e85c0 100644
--- a/projects/aca-content/folder-rules/src/rule-details/rule-details.ui-component.scss
+++ b/projects/aca-content/folder-rules/src/rule-details/rule-details.ui-component.scss
@@ -6,7 +6,6 @@
       padding: 8px 20px;
       width: 100%;
       box-sizing: border-box;
-      overflow-x: auto;
 
       &.aca-rule-details__form__description {
         padding-top: 0;
@@ -17,6 +16,7 @@
 
     &__row {
       display: flex;
+      align-items: baseline;
       gap: 8px;
 
       & > label,
@@ -28,10 +28,6 @@
         padding: 0.75em 0;
       }
 
-      & > label {
-        margin-top: 11px;
-      }
-
       & > div {
         flex-grow: 1;
       }
@@ -45,19 +41,6 @@
           min-height: 4em;
         }
       }
-
-      &.aca-rule-details__form__actions {
-        .aca-label {
-          margin-top: 14px;
-        }
-      }
-
-      &.aca-rule-details__form__triggers,
-      &.aca-rule-details__form__options {
-        .aca-label {
-          padding-top: 2px;
-        }
-      }
     }
 
     &:not(:nth-child(1)) {
diff --git a/projects/aca-content/src/lib/components/info-drawer/library-metadata-tab/library-metadata-form.component.html b/projects/aca-content/src/lib/components/info-drawer/library-metadata-tab/library-metadata-form.component.html
index cb6b1d8c0b..b374adbba9 100644
--- a/projects/aca-content/src/lib/components/info-drawer/library-metadata-tab/library-metadata-form.component.html
+++ b/projects/aca-content/src/lib/components/info-drawer/library-metadata-tab/library-metadata-form.component.html
@@ -2,12 +2,12 @@
   <mat-card-content>
     <form [formGroup]="form" autocomplete="off">
       <mat-form-field floatLabel="auto" data-automation-id="library-name-properties-wrapper" class="app-library-metadata-form-field">
-        <mat-label>{{ 'LIBRARY.DIALOG.FORM.NAME' | translate }}</mat-label>
         <input
           matInput
           [cdkTrapFocusAutoCapture]="form.enabled"
           [cdkTrapFocus]="form.enabled"
           required
+          placeholder="{{ 'LIBRARY.DIALOG.FORM.NAME' | translate }}"
           formControlName="title"
           [errorStateMatcher]="matcher"
         />
@@ -18,13 +18,11 @@
       </mat-form-field>
 
       <mat-form-field floatLabel="auto" data-automation-id="library-id-properties-wrapper" class="app-library-metadata-form-field">
-        <mat-label>{{ 'LIBRARY.DIALOG.FORM.SITE_ID' | translate }}</mat-label>
-        <input matInput formControlName="id" />
+        <input matInput placeholder="{{ 'LIBRARY.DIALOG.FORM.SITE_ID' | translate }}" formControlName="id" />
       </mat-form-field>
 
       <mat-form-field floatLabel="auto" data-automation-id="library-visibility-properties-wrapper" class="app-library-metadata-form-field">
-        <mat-label>{{ 'LIBRARY.DIALOG.FORM.VISIBILITY' | translate }}</mat-label>
-        <mat-select formControlName="visibility">
+        <mat-select placeholder="{{ 'LIBRARY.DIALOG.FORM.VISIBILITY' | translate }}" formControlName="visibility">
           <mat-option [value]="type.value" *ngFor="let type of libraryType">
             {{ type.label | translate }}
           </mat-option>
@@ -32,9 +30,9 @@
       </mat-form-field>
 
       <mat-form-field floatLabel="auto" data-automation-id="library-description-properties-wrapper" class="app-library-metadata-form-field">
-        <mat-label>{{ 'LIBRARY.DIALOG.FORM.DESCRIPTION' | translate }}</mat-label>
         <textarea
           matInput
+          placeholder="{{ 'LIBRARY.DIALOG.FORM.DESCRIPTION' | translate }}"
           rows="3"
           formControlName="description"
           [errorStateMatcher]="matcher"
diff --git a/projects/aca-content/src/lib/components/search/search-input-control/search-input-control.component.html b/projects/aca-content/src/lib/components/search/search-input-control/search-input-control.component.html
index baee7b25bf..acaa667c72 100644
--- a/projects/aca-content/src/lib/components/search/search-input-control/search-input-control.component.html
+++ b/projects/aca-content/src/lib/components/search/search-input-control/search-input-control.component.html
@@ -9,7 +9,6 @@
     <mat-icon class="app-search-input-control-icon app-search-button-icon" [attr.aria-label]="'SEARCH.BUTTON.ARIA-LABEL' | translate">search</mat-icon>
   </button>
   <mat-form-field class="app-input-form-field" floatLabel="auto">
-    <mat-label>{{ 'SEARCH.INPUT.PLACEHOLDER' | translate }}</mat-label>
     <input
       matInput
       #searchInput
@@ -20,6 +19,7 @@
       (ngModelChange)="inputChange($event)"
       (keyup.enter)="searchSubmit($event)"
       class="app-input-form-field-input"
+      [placeholder]="'SEARCH.INPUT.PLACEHOLDER' | translate"
       autocomplete="off"
     />
     <div matSuffix class="app-suffix-search-icon-wrapper">
diff --git a/projects/aca-content/src/lib/components/search/search-input-control/search-input-control.component.scss b/projects/aca-content/src/lib/components/search/search-input-control/search-input-control.component.scss
index 3176b97ba5..0f00ab011b 100644
--- a/projects/aca-content/src/lib/components/search/search-input-control/search-input-control.component.scss
+++ b/projects/aca-content/src/lib/components/search/search-input-control/search-input-control.component.scss
@@ -9,6 +9,11 @@
     font-size: 24px;
     cursor: pointer;
   }
+
+  .app-clear-icon {
+    font-size: 18px;
+    margin: 3px;
+  }
 }
 
 .app-search-container {
@@ -25,6 +30,7 @@
 
   .app-input-form-field {
     letter-spacing: -0.7px;
+    font-size: 16px;
     width: calc(100% - 56px);
 
     &-input {
@@ -38,12 +44,23 @@
         display: none;
       }
     }
+
+    /* stylelint-disable selector-class-pattern */
+    .mat-mdc-form-field-icon-suffix {
+      position: relative;
+      right: -14px;
+    }
   }
 
   .mat-mdc-form-field-flex {
     background: #fff;
   }
 
+  .mat-mdc-text-field-wrapper {
+    height: 44px;
+    padding-left: 0;
+  }
+
   .app-input-form-field-readonly {
     .mat-mdc-text-field-wrapper,
     .mat-mdc-form-field-flex {
@@ -57,7 +74,6 @@
     &-icon {
       font-size: 24px;
       padding-right: 0;
-      margin-top: -10px;
     }
   }
 }
diff --git a/projects/aca-content/src/lib/components/search/search-input/search-input.component.html b/projects/aca-content/src/lib/components/search/search-input/search-input.component.html
index 30b01dfa38..1a8312c02c 100644
--- a/projects/aca-content/src/lib/components/search/search-input/search-input.component.html
+++ b/projects/aca-content/src/lib/components/search/search-input/search-input.component.html
@@ -7,8 +7,7 @@
   <button mat-icon-button class="app-search-button" (click)="searchByOption()" [title]="'SEARCH.BUTTON.TOOLTIP' | translate">
     <mat-icon [attr.aria-label]="'SEARCH.BUTTON.ARIA-LABEL' | translate">search</mat-icon>
   </button>
-  <mat-form-field class="app-input-form-field app-input-form-field-readonly" [floatLabel]="'auto'" appearance="fill">
-    <mat-label>{{ 'SEARCH.INPUT.PLACEHOLDER' | translate }}</mat-label>
+  <mat-form-field class="app-input-form-field app-input-form-field-readonly" [floatLabel]="'auto'">
     <input
       matInput
       [attr.aria-label]="'SEARCH.INPUT.ARIA-LABEL' | translate"
@@ -16,6 +15,7 @@
       [type]="'text'"
       [readonly]="true"
       [value]="searchedWord"
+      [placeholder]="'SEARCH.INPUT.PLACEHOLDER' | translate"
     />
 
     <div matSuffix class="app-suffix-search-icon-wrapper app-icon-arrow">
diff --git a/projects/aca-content/src/lib/components/search/search-input/search-input.component.scss b/projects/aca-content/src/lib/components/search/search-input/search-input.component.scss
index 7eb3fd3dd4..2d1be292a6 100644
--- a/projects/aca-content/src/lib/components/search/search-input/search-input.component.scss
+++ b/projects/aca-content/src/lib/components/search/search-input/search-input.component.scss
@@ -36,6 +36,12 @@ $top-margin: 12px;
       caret-color: var(--theme-text-color);
     }
   }
+
+  &:focus-within {
+    label {
+      display: none;
+    }
+  }
 }
 
 /* stylelint-disable-next-line */
@@ -80,7 +86,6 @@ $top-margin: 12px;
   font-size: 16px;
   letter-spacing: -0.7px;
   margin-bottom: -8px;
-  margin-top: 23px;
 
   /* stylelint-disable-next-line */
  .mat-mdc-checkbox {
diff --git a/projects/aca-content/src/lib/components/view-profile/view-profile.component.html b/projects/aca-content/src/lib/components/view-profile/view-profile.component.html
index 021b12235f..f49f5476f8 100644
--- a/projects/aca-content/src/lib/components/view-profile/view-profile.component.html
+++ b/projects/aca-content/src/lib/components/view-profile/view-profile.component.html
@@ -43,56 +43,35 @@ <h4 class="app-profile-general-dropdown-heading">{{'APP.EDIT_PROFILE.LAST_NAME'
         <div class="app-general-dropdown-details">
           <h4 class="app-profile-general-dropdown-heading">{{'APP.EDIT_PROFILE.JOB_TITLE' | translate}}</h4>
           <p class="app-profile-general-dropdown-details" *ngIf="generalSectionButtonsToggle">{{personDetails?.jobTitle}}</p>
-          <mat-form-field *ngIf="!generalSectionButtonsToggle" class="app-general-dropdown-details-form-field">
-            <input
-              matInput
-              type="text"
-              value=""
-              formControlName="jobTitle">
-          </mat-form-field>
+          <input type="text" value="" formControlName="jobTitle" *ngIf="!generalSectionButtonsToggle"
+            class="app-profile-general-dropdown-input-details app-selected">
         </div>
         <mat-divider class="app-general-dropdown-divider"></mat-divider>
         <div class="app-general-dropdown-details">
           <h4 class="app-profile-general-dropdown-heading">{{'APP.EDIT_PROFILE.LOCATION' | translate}}</h4>
           <p class="app-profile-general-dropdown-details"  *ngIf="generalSectionButtonsToggle">{{personDetails?.location}}</p>
-          <mat-form-field *ngIf="!generalSectionButtonsToggle">
-            <input
-              matInput
-              type="text"
-              value=""
-              formControlName="location">
-          </mat-form-field>
+          <input type="text" value="" formControlName="location" *ngIf="!generalSectionButtonsToggle"
+            class="app-profile-general-dropdown-input-details app-selected">
         </div>
         <mat-divider class="app-general-dropdown-divider"></mat-divider>
         <div class="app-general-dropdown-details">
           <h4 class="app-profile-general-dropdown-heading">{{'APP.EDIT_PROFILE.TELEPHONE' | translate}}</h4>
           <p class="app-profile-general-dropdown-details" *ngIf="generalSectionButtonsToggle">{{personDetails?.telephone}}</p>
-          <mat-form-field *ngIf="!generalSectionButtonsToggle" class="app-general-dropdown-details-form-field">
-            <input
-              matInput
-              type="tel"
-              name="Telephone"
-              value=""
-              formControlName="telephone">
-            <mat-error *ngIf="profileForm.get('telephone').invalid">
-              {{ 'APP.EDIT_PROFILE.INVALID_INPUT' | translate }}
-            </mat-error>
-          </mat-form-field>
+          <input type="tel" name="Telephone" value="" formControlName="telephone" *ngIf="!generalSectionButtonsToggle"
+            class="app-profile-general-dropdown-input-details app-selected">
+          <mat-error class="app-error-message" *ngIf="profileForm.get('telephone').invalid">
+            {{ 'APP.EDIT_PROFILE.INVALID_INPUT' | translate }}
+          </mat-error>
         </div>
         <mat-divider class="app-general-dropdown-divider"></mat-divider>
         <div class="app-general-dropdown-details">
           <h4 class="app-profile-general-dropdown-heading">{{'APP.EDIT_PROFILE.MOBILE' | translate}}</h4>
           <p class="app-profile-general-dropdown-details" *ngIf="generalSectionButtonsToggle">{{personDetails?.mobile}}</p>
-          <mat-form-field *ngIf="!generalSectionButtonsToggle" class="app-general-dropdown-details-form-field">
-            <input
-              matInput
-              type="tel"
-              value=""
-              formControlName="mobile">
-              <mat-error *ngIf="profileForm.get('mobile').invalid">
-                {{ 'APP.EDIT_PROFILE.INVALID_INPUT' | translate }}
-              </mat-error>
-          </mat-form-field>
+        <input type="tel" value="" formControlName="mobile" *ngIf="!generalSectionButtonsToggle"
+          class="app-profile-general-dropdown-input-details app-selected">
+        <mat-error class="app-error-message" *ngIf="profileForm.get('mobile').invalid">
+          {{ 'APP.EDIT_PROFILE.INVALID_INPUT' | translate }}
+        </mat-error>
         </div>
       </div>
     </div>
@@ -123,67 +102,42 @@ <h4 class="app-general-title">{{'APP.EDIT_PROFILE.COMPANY_DETAILS' | translate}}
         <div class="app-general-dropdown-details">
           <h4 class="app-profile-general-dropdown-heading">{{'APP.EDIT_PROFILE.NAME' | translate}}</h4>
           <p class="app-profile-general-dropdown-details" *ngIf="contactSectionButtonsToggle">{{personDetails?.company?.organization}}</p>
-          <mat-form-field *ngIf="!contactSectionButtonsToggle" class="app-general-dropdown-details-form-field">
-            <input
-              matInput
-              type="text"
-              value=""
-              formControlName="companyName">
-          </mat-form-field>
+          <input type="text" value="" *ngIf="!contactSectionButtonsToggle" formControlName="companyName"
+            class="app-profile-general-dropdown-input-details app-selected">
         </div>
         <mat-divider class="app-general-dropdown-divider"></mat-divider>
         <div class="app-general-dropdown-details">
           <h4 class="app-profile-general-dropdown-heading">{{'APP.EDIT_PROFILE.ADDRESS' | translate}}</h4>
           <p class="app-profile-general-dropdown-details" *ngIf="contactSectionButtonsToggle">{{personDetails?.company?.address1}}</p>
-          <mat-form-field *ngIf="!contactSectionButtonsToggle" class="app-general-dropdown-details-form-field">
-            <input
-              matInput
-              type="text"
-              value=""
-              formControlName="companyAddress">
-          </mat-form-field>
+          <input type="text" value="" *ngIf="!contactSectionButtonsToggle" formControlName="companyAddress"
+            class="app-profile-general-dropdown-input-details app-selected">
         </div>
         <mat-divider class="app-general-dropdown-divider"></mat-divider>
         <div class="app-general-dropdown-details">
           <h4 class="app-profile-general-dropdown-heading">{{'APP.EDIT_PROFILE.POSTCODE' | translate}}</h4>
           <p class="app-profile-general-dropdown-details" *ngIf="contactSectionButtonsToggle">{{personDetails?.company?.postcode}}</p>
-          <mat-form-field *ngIf="!contactSectionButtonsToggle" class="app-general-dropdown-details-form-field">
-            <input
-              matInput
-              type="text"
-              value=""
-              formControlName="companyPostCode">
-          </mat-form-field>
+          <input type="text" value="" *ngIf="!contactSectionButtonsToggle" formControlName="companyPostCode"
+            class="app-profile-general-dropdown-input-details app-selected">
         </div>
         <mat-divider class="app-general-dropdown-divider"></mat-divider>
         <div class="app-general-dropdown-details">
           <h4 class="app-profile-general-dropdown-heading">{{'APP.EDIT_PROFILE.TELEPHONE' | translate}}</h4>
           <p class="app-profile-general-dropdown-details" *ngIf="contactSectionButtonsToggle">{{personDetails?.company?.telephone}}</p>
-          <mat-form-field *ngIf="!contactSectionButtonsToggle" class="app-general-dropdown-details-form-field">
-            <input
-              matInput
-              type="tel"
-              value=""
-              formControlName="companyTelephone">
-            <mat-error *ngIf="profileForm.get('companyTelephone').invalid">
-              {{ 'APP.EDIT_PROFILE.INVALID_INPUT' | translate }}
-            </mat-error>
-          </mat-form-field>
+          <input type="tel" value="" *ngIf="!contactSectionButtonsToggle" formControlName="companyTelephone"
+            class="app-profile-general-dropdown-input-details app-selected">
+          <mat-error class="app-error-message" *ngIf="profileForm.get('companyTelephone').invalid">
+            {{ 'APP.EDIT_PROFILE.INVALID_INPUT' | translate }}
+          </mat-error>
         </div>
         <mat-divider class="app-general-dropdown-divider"></mat-divider>
-        <div class="app-general-dropdown-details" >
+        <div class="app-general-dropdown-details">
           <h4 class="app-profile-general-dropdown-heading">{{'APP.EDIT_PROFILE.EMAIL' | translate}}</h4>
           <p class="app-profile-general-dropdown-details" *ngIf="contactSectionButtonsToggle">{{personDetails?.company?.email}}</p>
-          <mat-form-field *ngIf="!contactSectionButtonsToggle" class="app-general-dropdown-details-form-field">
-            <input
-              matInput
-              type="text"
-              value=""
-              formControlName="companyEmail">
-              <mat-error *ngIf="profileForm.get('companyEmail').invalid">
-                {{ 'APP.EDIT_PROFILE.INVALID_INPUT' | translate }}
-              </mat-error>
-          </mat-form-field>
+          <input type="text" value="" *ngIf="!contactSectionButtonsToggle" formControlName="companyEmail"
+            class="app-profile-general-dropdown-input-details app-selected">
+          <mat-error class="app-error-message" *ngIf="profileForm.get('companyEmail').invalid">
+            {{ 'APP.EDIT_PROFILE.INVALID_INPUT' | translate }}
+          </mat-error>
         </div>
       </div>
     </div>
diff --git a/projects/aca-content/src/lib/components/view-profile/view-profile.component.scss b/projects/aca-content/src/lib/components/view-profile/view-profile.component.scss
index 391abc066e..6a4577aa51 100644
--- a/projects/aca-content/src/lib/components/view-profile/view-profile.component.scss
+++ b/projects/aca-content/src/lib/components/view-profile/view-profile.component.scss
@@ -106,6 +106,13 @@ app-view-profile {
     padding-right: 1px;
   }
 
+  .app-selected:focus {
+    border: 2px solid var(--theme-blue-button-color);
+    border-radius: 6px;
+    outline: none;
+    box-shadow: 0 0 2px var(--theme-blue-button-color);
+  }
+
   .app-general-edit:hover {
     background: var(--theme-grey-hover-background-color);
   }
@@ -120,14 +127,6 @@ app-view-profile {
 
   .app-general-dropdown-details {
     display: flex;
-    align-items: center;
-    min-height: 90.5px;
-
-    .app-general-dropdown-details-form-field {
-      position: relative;
-      top: 13px;
-      padding-bottom: 3px;
-    }
   }
 
   .app-profile-general-dropdown-heading {
@@ -142,6 +141,14 @@ app-view-profile {
     letter-spacing: 0.5px;
   }
 
+  .app-profile-general-dropdown-input-details {
+    width: 24%;
+    height: 25px;
+    border: none;
+    margin-top: 1.3rem;
+    background-color: var(--theme-dropdown-color);
+  }
+
   .app-profile-login-row {
     margin: 2rem 0 0 2rem;
     width: 70%;
@@ -178,4 +185,9 @@ app-view-profile {
     border: 1px solid var(--theme-grey-background-color);
     border-radius: 1rem;
   }
+
+  .app-error-message {
+    padding-top: 2rem;
+    padding-left: 0.5rem;
+  }
 }
diff --git a/projects/aca-content/src/lib/components/view-profile/view-profile.component.ts b/projects/aca-content/src/lib/components/view-profile/view-profile.component.ts
index 815d4619a9..827e84cd5b 100644
--- a/projects/aca-content/src/lib/components/view-profile/view-profile.component.ts
+++ b/projects/aca-content/src/lib/components/view-profile/view-profile.component.ts
@@ -36,11 +36,10 @@ import { MatIconModule } from '@angular/material/icon';
 import { TranslateModule } from '@ngx-translate/core';
 import { MatDividerModule } from '@angular/material/divider';
 import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
 
 @Component({
   standalone: true,
-  imports: [CommonModule, TranslateModule, ReactiveFormsModule, MatButtonModule, MatIconModule, MatDividerModule, MatFormFieldModule, MatInputModule],
+  imports: [CommonModule, TranslateModule, ReactiveFormsModule, MatButtonModule, MatIconModule, MatDividerModule, MatFormFieldModule],
   selector: 'app-view-profile',
   templateUrl: './view-profile.component.html',
   styleUrls: ['./view-profile.component.scss'],
diff --git a/projects/aca-content/src/lib/dialogs/node-template/create-from-template.dialog.html b/projects/aca-content/src/lib/dialogs/node-template/create-from-template.dialog.html
index 6e320e13c5..510999d22f 100644
--- a/projects/aca-content/src/lib/dialogs/node-template/create-from-template.dialog.html
+++ b/projects/aca-content/src/lib/dialogs/node-template/create-from-template.dialog.html
@@ -2,9 +2,9 @@ <h2 mat-dialog-title [innerHTML]="title" class="app-create-from-template-title">
 <div mat-dialog-content class="app-create-from-template-content">
   <form [formGroup]="form" novalidate>
     <mat-form-field class="app-create-from-template-field">
-      <mat-label>{{ 'NODE_FROM_TEMPLATE.FORM.PLACEHOLDER.NAME' | translate }}</mat-label>
       <input
         cdkFocusInitial
+        placeholder="{{ 'NODE_FROM_TEMPLATE.FORM.PLACEHOLDER.NAME' | translate }}"
         matInput
         formControlName="name"
         required
@@ -16,8 +16,8 @@ <h2 mat-dialog-title [innerHTML]="title" class="app-create-from-template-title">
     </mat-form-field>
 
     <mat-form-field class="app-create-from-template-field">
-      <mat-label>{{ 'NODE_FROM_TEMPLATE.FORM.PLACEHOLDER.TITLE' | translate }}</mat-label>
       <input
+        placeholder="{{ 'NODE_FROM_TEMPLATE.FORM.PLACEHOLDER.TITLE' | translate }}"
         matInput
         formControlName="title"
       />
@@ -28,9 +28,9 @@ <h2 mat-dialog-title [innerHTML]="title" class="app-create-from-template-title">
     </mat-form-field>
 
     <mat-form-field class="app-create-from-template-field">
-      <mat-label>{{ 'NODE_FROM_TEMPLATE.FORM.PLACEHOLDER.DESCRIPTION' | translate }}</mat-label>
       <textarea
         matInput
+        placeholder="{{ 'NODE_FROM_TEMPLATE.FORM.PLACEHOLDER.DESCRIPTION' | translate }}"
         rows="2"
         formControlName="description"
       ></textarea>