diff --git a/projects/components/src/form-field/form-field.component.scss b/projects/components/src/form-field/form-field.component.scss
index 4fb111ad5..afcd82ee1 100644
--- a/projects/components/src/form-field/form-field.component.scss
+++ b/projects/components/src/form-field/form-field.component.scss
@@ -1,8 +1,6 @@
 @import 'mixins';
 
 .form-field {
-  padding-top: 8px;
-
   &.optional {
     margin-bottom: 18px;
   }
diff --git a/projects/components/src/form-field/form-field.component.ts b/projects/components/src/form-field/form-field.component.ts
index 1b33d37a7..de1c3c275 100644
--- a/projects/components/src/form-field/form-field.component.ts
+++ b/projects/components/src/form-field/form-field.component.ts
@@ -7,8 +7,8 @@ import { IconSize } from '../icon/icon-size';
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: `
     <section class="form-field" [ngClass]="{ optional: this.isOptional }">
-      <div class="info-label">
-        <ht-label *ngIf="this.label" class="label" [label]="this.label"></ht-label>
+      <div *ngIf="this.label" class="info-label">
+        <ht-label class="label" [label]="this.label"></ht-label>
         <ht-label *ngIf="this.isOptional" class="optional-label" label="(Optional)"></ht-label>
         <ht-icon
           *ngIf="this.icon"