diff --git a/libs/ui/src/lib/fire-calculator/fire-calculator.component.html b/libs/ui/src/lib/fire-calculator/fire-calculator.component.html
index e224e1a87..bd73be442 100644
--- a/libs/ui/src/lib/fire-calculator/fire-calculator.component.html
+++ b/libs/ui/src/lib/fire-calculator/fire-calculator.component.html
@@ -14,13 +14,13 @@
             step="100"
             type="number"
           />
-          <span matTextSuffix>{{ currency }}</span>
+          <span class="ml-2" matTextSuffix>{{ currency }}</span>
         </mat-form-field>
 
         <mat-form-field appearance="outline" class="w-100">
           <mat-label i18n>Investment Horizon</mat-label>
           <input formControlName="time" matInput type="number" />
-          <span i18n matTextSuffix>years</span>
+          <span class="ml-2" i18n matTextSuffix>years</span>
         </mat-form-field>
 
         <mat-form-field appearance="outline" class="w-100">
@@ -31,7 +31,7 @@
             step="0.25"
             type="number"
           />
-          <div matTextSuffix>%</div>
+          <div class="ml-2" matTextSuffix>%</div>
         </mat-form-field>
 
         <gf-value