diff --git a/src/revamp/ui/BlogHero/index.js b/src/revamp/ui/BlogHero/index.js
index 660ec8e88..b1fb7a938 100644
--- a/src/revamp/ui/BlogHero/index.js
+++ b/src/revamp/ui/BlogHero/index.js
@@ -233,7 +233,15 @@ const BlogHero = ({
                 handleClickMenu(c.name, true);
               }}
             >
-              <ListItemIcon>{c.icon}</ListItemIcon>
+              <ListItemIcon
+                sx={(theme) => ({
+                  '& svg': {
+                    color: theme.palette.mode === 'dark' && 'white',
+                  },
+                })}
+              >
+                {c.icon}
+              </ListItemIcon>
               <Typography color="text.primary" letterSpacing=".15px">
                 {c.name}
               </Typography>
diff --git a/src/views/zesty/Article.js b/src/views/zesty/Article.js
index 6f230f87f..415545419 100644
--- a/src/views/zesty/Article.js
+++ b/src/views/zesty/Article.js
@@ -409,7 +409,7 @@ function Article({ content }) {
                           mt: '20px',
                           '& .MuiListItem-root': {
                             display: 'list-item',
-                            listStyleType: 'auto',
+                            listStyleType: 'disc',
                           },
                           mx: 3,
 
@@ -432,7 +432,9 @@ function Article({ content }) {
                   },
                   ol: {
                     component: List,
+
                     props: {
+                      component: 'ol',
                       sx: (theme) => ({
                         [theme.breakpoints.up('xs')]: {
                           color: 'text.secondary',
@@ -459,7 +461,7 @@ function Article({ content }) {
                     props: {
                       sx: (theme) => ({
                         [theme.breakpoints.up('xs')]: {
-                          listStyleType: 'inherit',
+                          listStyleType: 'initial',
                           px: 0,
                           pt: 0,
                           pb: '12px',
@@ -519,7 +521,7 @@ function Article({ content }) {
                         '& td': {
                           color:
                             theme.palette.mode === 'dark'
-                              ? 'black'
+                              ? 'white'
                               : 'text.primary',
                         },
                       }),
@@ -558,6 +560,22 @@ function Article({ content }) {
                       },
                     },
                   },
+                  code: {
+                    props: {
+                      style: {
+                        backgroundColor:
+                          palette.mode === 'dark' ? 'darkblue' : '#F5F7F9',
+                      },
+                    },
+                  },
+                  pre: {
+                    props: {
+                      style: {
+                        backgroundColor:
+                          palette.mode === 'dark' ? 'transparent' : '#F5F7F9',
+                      },
+                    },
+                  },
                 },
               }}
             >