diff --git a/src/app/pages/auth/login.ts b/src/app/pages/auth/login.ts
index 8d90ace..0ea24a5 100644
--- a/src/app/pages/auth/login.ts
+++ b/src/app/pages/auth/login.ts
@@ -45,7 +45,7 @@ import { AppFloatingConfigurator } from '../../layout/core/app.floatingconfigura
                             <input pInputText id="email1" type="text" placeholder="Email address" class="w-full md:w-[30rem] mb-8" [(ngModel)]="email" />
 
                             <label for="password1" class="block text-surface-900 dark:text-surface-0 font-medium text-xl mb-2">Password</label>
-                            <p-password id="password1" [(ngModel)]="password" placeholder="Password" [toggleMask]="true" class="mb-4" [fluid]="true" [feedback]="false"></p-password>
+                            <p-password id="password1" [(ngModel)]="password" placeholder="Password" [toggleMask]="true" styleClass="mb-4" [fluid]="true" [feedback]="false"></p-password>
 
                             <div class="flex items-center justify-between mt-2 mb-8 gap-8">
                                 <div class="flex items-center">
diff --git a/src/app/pages/uikit/chartdemo.ts b/src/app/pages/uikit/chartdemo.ts
index 54c6d6f..9e9a2db 100644
--- a/src/app/pages/uikit/chartdemo.ts
+++ b/src/app/pages/uikit/chartdemo.ts
@@ -84,9 +84,9 @@ export class ChartDemo {
 
     initCharts() {
         const documentStyle = getComputedStyle(document.documentElement);
-        const textColor = documentStyle.getPropertyValue('--p-text-color');
-        const textColorSecondary = documentStyle.getPropertyValue('--p-text-muted-color');
-        const surfaceBorder = documentStyle.getPropertyValue('--p-content-border-color');
+        const textColor = documentStyle.getPropertyValue('--text-color');
+        const textColorSecondary = documentStyle.getPropertyValue('--text-color-secondary');
+        const surfaceBorder = documentStyle.getPropertyValue('--surface-border');
 
         this.barData = {
             labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
@@ -239,13 +239,14 @@ export class ChartDemo {
             scales: {
                 r: {
                     grid: {
-                        color: surfaceBorder
+                        color: surfaceBorder,
                     },
                     ticks: {
-                        display: false
-                    }
-                }
-            }
+                        display: false,
+                        color: textColorSecondary
+                    },
+                },
+            },
         };
 
         this.radarData = {
@@ -286,7 +287,7 @@ export class ChartDemo {
                         color: textColor
                     },
                     grid: {
-                        color: textColorSecondary
+                        color: surfaceBorder
                     }
                 }
             }