diff --git a/quartz-manager-frontend/src/app/components/scheduler-control/scheduler-control.component.html b/quartz-manager-frontend/src/app/components/scheduler-control/scheduler-control.component.html
index fdc9fe4..6c380bd 100644
--- a/quartz-manager-frontend/src/app/components/scheduler-control/scheduler-control.component.html
+++ b/quartz-manager-frontend/src/app/components/scheduler-control/scheduler-control.component.html
@@ -15,11 +15,11 @@
       <mat-divider [vertical]="true"></mat-divider>
       <div fxLayout="column" class="justify-space-between">
         <div><label>Name</label></div>
-        <div><span id="scheduler-name" class="font-larger">{{scheduler?.name}}</span></div>
+        <div><span id="scheduler-name">{{scheduler?.name}}</span></div>
       </div>
       <div fxLayout="column" class="justify-space-between">
         <div><label>Instance ID</label></div>
-        <div><span id="scheduler-instance" class="font-large">{{scheduler?.instanceId}}</span></div>
+        <div><span id="scheduler-instance">{{scheduler?.instanceId}}</span></div>
       </div>
     </div>
 	</mat-card-content>
diff --git a/quartz-manager-frontend/src/app/components/scheduler-control/scheduler-control.component.scss b/quartz-manager-frontend/src/app/components/scheduler-control/scheduler-control.component.scss
index 31ef6aa..4eb763d 100644
--- a/quartz-manager-frontend/src/app/components/scheduler-control/scheduler-control.component.scss
+++ b/quartz-manager-frontend/src/app/components/scheduler-control/scheduler-control.component.scss
@@ -11,6 +11,12 @@ label{
   font-size: smaller;
 }
 
-#scheduler-name, #scheduler-instance {
-  text-transform: capitalize;
-}
+#scheduler-name{
+  text-transform: capitalize;
+  font-size: 14px;
+}
+
+#scheduler-instance {
+  text-transform: capitalize;
+  font-size: 14px;
+}
diff --git a/quartz-manager-frontend/src/app/components/simple-trigger-config/simple-trigger-config.component.html b/quartz-manager-frontend/src/app/components/simple-trigger-config/simple-trigger-config.component.html
index bf7112c..47c2480 100644
--- a/quartz-manager-frontend/src/app/components/simple-trigger-config/simple-trigger-config.component.html
+++ b/quartz-manager-frontend/src/app/components/simple-trigger-config/simple-trigger-config.component.html
@@ -14,7 +14,7 @@
           app prop <i>quartz-manager.jobClassPackages</i> with the correct java package </p>
         </mat-card-content>
       </mat-card>
-      <form name="triggerConfigForm" fxFlex="1 1 100%"
+      <form name="triggerConfigForm" class="trigger-config-form" fxFlex="1 1 100%"
             [formGroup]="simpleTriggerReactiveForm" (ngSubmit)="onSubmitTriggerConfig()">
         <div>
           <mat-form-field
diff --git a/quartz-manager-frontend/src/app/components/simple-trigger-config/simple-trigger-config.component.scss b/quartz-manager-frontend/src/app/components/simple-trigger-config/simple-trigger-config.component.scss
index 2358468..e9ac5a6 100644
--- a/quartz-manager-frontend/src/app/components/simple-trigger-config/simple-trigger-config.component.scss
+++ b/quartz-manager-frontend/src/app/components/simple-trigger-config/simple-trigger-config.component.scss
@@ -5,6 +5,22 @@
 .full-size-input{
   width: 100%;
 }
+
+:host ::ng-deep .trigger-config-form .mat-mdc-form-field {
+  font-size: 13px;
+}
+
+:host ::ng-deep .trigger-config-form .mat-mdc-select-value,
+:host ::ng-deep .trigger-config-form .mat-mdc-select-value-text,
+:host ::ng-deep .trigger-config-form .mat-mdc-input-element,
+:host ::ng-deep .trigger-config-form .mdc-floating-label {
+  font-size: 13px;
+}
+
+:host ::ng-deep .trigger-config-form .mat-mdc-select-trigger {
+  min-height: 20px;
+}
+
 /* ===== Scrollbar CSS ===== */
 /* Firefox */
 * {