diff --git a/src/app/components/charts/charts.component.html b/src/app/components/charts/charts.component.html
index 5bf986c..4ac9dba 100755
--- a/src/app/components/charts/charts.component.html
+++ b/src/app/components/charts/charts.component.html
@@ -6,12 +6,12 @@
         </div>
 
         <div class="card flex flex-column align-items-center">
-            <h5>Pie Chart</h5>
+            <h5 class="text-left w-full">Pie Chart</h5>
             <p-chart type="pie" [data]="pieData" [options]="pieOptions" [style]="{'width': '50%'}"></p-chart>
         </div>
 
         <div class="card flex flex-column align-items-center">
-            <h5>Polar Area Chart</h5>
+            <h5 class="text-left w-full">Polar Area Chart</h5>
             <p-chart type="polarArea" [data]="polarData" [options]="polarOptions" [style]="{'width': '50%'}"></p-chart>
         </div>
     </div>
@@ -22,12 +22,12 @@
         </div>
 
         <div class="card flex flex-column align-items-center">
-            <h5>Doughnut Chart</h5>
+            <h5 class="text-left w-full">Doughnut Chart</h5>
             <p-chart type="doughnut" [data]="pieData" [options]="pieOptions" [style]="{'width': '50%'}"></p-chart>
         </div>
 
         <div class="card flex flex-column align-items-center">
-            <h5>Radar Chart</h5>
+            <h5 class="text-left w-full">Radar Chart</h5>
             <p-chart type="radar" [data]="radarData" [options]="radarOptions" [style]="{'width': '50%'}"></p-chart>
         </div>
     </div>