diff --git a/projects/dashboards/src/public-api.ts b/projects/dashboards/src/public-api.ts
index ddf7fcc75..129a34fbf 100644
--- a/projects/dashboards/src/public-api.ts
+++ b/projects/dashboards/src/public-api.ts
@@ -19,5 +19,6 @@ export * from './widgets/interactive-data-widget-renderer';
 export * from './widgets/header/widget-header.model';
 export * from './widgets/container/container-widget.model';
 export * from './widgets/link/link-widget.model';
+export * from './widgets/text/text-widget-types';
 
 export * from './dashboard.module';
diff --git a/projects/dashboards/src/widgets/text/text-widget-renderer.component.scss b/projects/dashboards/src/widgets/text/text-widget-renderer.component.scss
index 9d2a6c54f..2b248ba1f 100644
--- a/projects/dashboards/src/widgets/text/text-widget-renderer.component.scss
+++ b/projects/dashboards/src/widgets/text/text-widget-renderer.component.scss
@@ -4,10 +4,15 @@
 .text-widget {
   @include ellipsis-overflow();
 
-  .primary-text {
+  .title {
     @include header-3();
   }
 
+  .section-title {
+    @include subtitle-1($gray-7);
+    text-transform: capitalize;
+  }
+
   .secondary-text {
     @include body-small($gray-4);
     padding-left: 4px;
diff --git a/projects/dashboards/src/widgets/text/text-widget-renderer.component.ts b/projects/dashboards/src/widgets/text/text-widget-renderer.component.ts
index d65c0b893..898bb7cb1 100644
--- a/projects/dashboards/src/widgets/text/text-widget-renderer.component.ts
+++ b/projects/dashboards/src/widgets/text/text-widget-renderer.component.ts
@@ -11,7 +11,7 @@ import { TextWidgetModel } from './text-widget.model';
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: `
     <div class="text-widget">
-      <span class="primary-text">{{ this.model.text }}</span>
+      <span class="primary-text" [ngClass]="this.model.primaryTextStyle">{{ this.model.text }}</span>
       <span class="secondary-text">{{ this.model.secondaryText }}</span>
     </div>
   `
diff --git a/projects/dashboards/src/widgets/text/text-widget-types.ts b/projects/dashboards/src/widgets/text/text-widget-types.ts
new file mode 100644
index 000000000..b45a2747a
--- /dev/null
+++ b/projects/dashboards/src/widgets/text/text-widget-types.ts
@@ -0,0 +1,4 @@
+export const enum PrimaryTextStyle {
+  Title = 'title',
+  SectionTitle = 'section-title'
+}
diff --git a/projects/dashboards/src/widgets/text/text-widget.model.ts b/projects/dashboards/src/widgets/text/text-widget.model.ts
index f83be18ff..50af36e54 100644
--- a/projects/dashboards/src/widgets/text/text-widget.model.ts
+++ b/projects/dashboards/src/widgets/text/text-widget.model.ts
@@ -1,4 +1,6 @@
 import { Model, ModelProperty, STRING_PROPERTY } from '@hypertrace/hyperdash';
+import { EnumPropertyTypeInstance, ENUM_TYPE } from '../../properties/enums/enum-property-type';
+import { PrimaryTextStyle } from './text-widget-types';
 
 @Model({
   type: 'text-widget'
@@ -17,4 +19,15 @@ export class TextWidgetModel {
     required: false
   })
   public secondaryText?: string;
+
+  @ModelProperty({
+    key: 'primary-text-style',
+    required: false,
+    // tslint:disable-next-line: no-object-literal-type-assertion
+    type: {
+      key: ENUM_TYPE.type,
+      values: [PrimaryTextStyle.Title, PrimaryTextStyle.SectionTitle]
+    } as EnumPropertyTypeInstance
+  })
+  public primaryTextStyle?: string = PrimaryTextStyle.Title;
 }