diff --git a/projects/igniteui-angular/grids/core/src/api.service.ts b/projects/igniteui-angular/grids/core/src/api.service.ts
index 2a9ac35fe6a..8b11b657d71 100644
--- a/projects/igniteui-angular/grids/core/src/api.service.ts
+++ b/projects/igniteui-angular/grids/core/src/api.service.ts
@@ -289,7 +289,9 @@ export class GridBaseAPIService<T extends GridType> implements GridServiceType {
     }
 
     public should_apply_number_style(column: ColumnType): boolean {
-        return column.dataType === GridColumnDataType.Number;
+        return column.dataType === GridColumnDataType.Number
+            || column.dataType === GridColumnDataType.Currency
+            || column.dataType === GridColumnDataType.Percent;
     }
 
     public get_data(): any[] {
diff --git a/projects/igniteui-angular/grids/core/src/headers/grid-header.component.ts b/projects/igniteui-angular/grids/core/src/headers/grid-header.component.ts
index 9a86798f681..eb00efebccc 100644
--- a/projects/igniteui-angular/grids/core/src/headers/grid-header.component.ts
+++ b/projects/igniteui-angular/grids/core/src/headers/grid-header.component.ts
@@ -151,7 +151,9 @@ export class IgxGridHeaderComponent implements DoCheck, OnDestroy {
 
     @HostBinding('class.igx-grid-th--number')
     public get numberStyle() {
-        return this.column.dataType === GridColumnDataType.Number;
+        return this.column.dataType === GridColumnDataType.Number
+            || this.column.dataType === GridColumnDataType.Currency
+            || this.column.dataType === GridColumnDataType.Percent;
     }
 
     @HostBinding('class.igx-grid-th--sortable')
diff --git a/projects/igniteui-angular/grids/tree-grid/src/tree-grid-api.service.ts b/projects/igniteui-angular/grids/tree-grid/src/tree-grid-api.service.ts
index a7d710f48c3..32c599ccb69 100644
--- a/projects/igniteui-angular/grids/tree-grid/src/tree-grid-api.service.ts
+++ b/projects/igniteui-angular/grids/tree-grid/src/tree-grid-api.service.ts
@@ -88,7 +88,9 @@ export class IgxTreeGridAPIService extends GridBaseAPIService<GridType> {
     }
 
     public override should_apply_number_style(column: ColumnType): boolean {
-        return column.dataType === GridColumnDataType.Number && column.visibleIndex !== 0;
+        return (column.dataType === GridColumnDataType.Number
+            || column.dataType === GridColumnDataType.Currency
+            || column.dataType === GridColumnDataType.Percent) && column.visibleIndex !== 0;
     }
 
     public override deleteRowById(rowID: any): any {