diff --git a/src/components/dashboard/first/index.jsx b/src/components/dashboard/first/index.jsx
index c4fba24..310569f 100644
--- a/src/components/dashboard/first/index.jsx
+++ b/src/components/dashboard/first/index.jsx
@@ -41,11 +41,9 @@ const DashboardFirstComponent = () => {
                         }}
                         titleTypographyProps={{
                             variant: 'body1',
-                            style: {
+                            sx: {
                                 textAlign: 'center',
                                 fontWeight: 'bold',
-                            },
-                            sx: {
                                 [theme.breakpoints.down('xl')]: {
                                     fontSize: '12px',
                                 },
@@ -83,11 +81,9 @@ const DashboardFirstComponent = () => {
                         }}
                         titleTypographyProps={{
                             variant: 'body1',
-                            style: {
+                            sx: {
                                 textAlign: 'center',
                                 fontWeight: 'bold',
-                            },
-                            sx: {
                                 [theme.breakpoints.down('xl')]: {
                                     fontSize: '12px',
                                 },
@@ -128,11 +124,9 @@ const DashboardFirstComponent = () => {
                         }}
                         titleTypographyProps={{
                             variant: 'body1',
-                            style: {
+                            sx: {
                                 textAlign: 'center',
                                 fontWeight: 'bold',
-                            },
-                            sx: {
                                 [theme.breakpoints.down('xl')]: {
                                     fontSize: '12px',
                                 },
@@ -170,11 +164,9 @@ const DashboardFirstComponent = () => {
                         }}
                         titleTypographyProps={{
                             variant: 'body1',
-                            style: {
+                            sx: {
                                 textAlign: 'center',
                                 fontWeight: 'bold',
-                            },
-                            sx: {
                                 [theme.breakpoints.down('xl')]: {
                                     fontSize: '12px',
                                 },
@@ -215,11 +207,9 @@ const DashboardFirstComponent = () => {
                         }}
                         titleTypographyProps={{
                             variant: 'body1',
-                            style: {
+                            sx: {
                                 textAlign: 'center',
                                 fontWeight: 'bold',
-                            },
-                            sx: {
                                 [theme.breakpoints.down('xl')]: {
                                     fontSize: '12px',
                                 },