diff --git a/public/icons/favicon.ico b/public/icons/favicon.ico
deleted file mode 100644
index e69de29..0000000
diff --git a/public/icons/favicon.png b/public/icons/favicon.png
new file mode 100644
index 0000000..c82bf9a
Binary files /dev/null and b/public/icons/favicon.png differ
diff --git a/src/core/utils/theme.jsx b/src/core/utils/theme.jsx
index 1679552..0ded0d2 100644
--- a/src/core/utils/theme.jsx
+++ b/src/core/utils/theme.jsx
@@ -3,16 +3,16 @@ import {faIR} from "@mui/x-date-pickers/locales";
 const theme = {
     palette: {
         primary: {
-            main: "#084070",
-            contrastText: "#fff",
-            light: "#2c6291",
-            dark: "#11293e",
+            main: process.env.NEXT_PUBLIC_PRIMARY_MAIN,
+            contrastText: process.env.NEXT_PUBLIC_PRIMARY_CONTRAST_TEXT,
+            light: process.env.NEXT_PUBLIC_PRIMARY_LIGHT,
+            dark: process.env.NEXT_PUBLIC_PRIMARY_DARK,
         },
         secondary: {
-            main: "#FF4E00",
-            contrastText: "#fff",
-            light: "#ed743e",
-            dark: "#ad3a07",
+            main: process.env.NEXT_PUBLIC_SECONDARY_MAIN,
+            contrastText: process.env.NEXT_PUBLIC_SECENDARY_CONTRAST_TEXT,
+            light: process.env.NEXT_PUBLIC_SECENDARY_LIGHT,
+            dark: process.env.NEXT_PUBLIC_SECENDARY_DARK,
         },
     },
     faIR,
diff --git a/src/layouts/AppLayout.jsx b/src/layouts/AppLayout.jsx
index 9bb3343..c86d1f2 100644
--- a/src/layouts/AppLayout.jsx
+++ b/src/layouts/AppLayout.jsx
@@ -83,13 +83,13 @@ function AppLayout({children, isBot}) {
                     rel="icon"
                     type="image/svg"
                     sizes="32x32"
-                    href="/images/logo.svg"
+                    href="/icons/favicon.png"
                 />
                 <link
                     rel="icon"
                     type="image/svg"
                     sizes="16x16"
-                    href="/images/logo.svg"
+                    href="/icons/favicon.png"
                 />
             </Head>
             <NextNProgress
diff --git a/src/layouts/dashboardLayouts/sidebar/SidebarListItem.jsx b/src/layouts/dashboardLayouts/sidebar/SidebarListItem.jsx
index f14ae1d..9f9fb3d 100644
--- a/src/layouts/dashboardLayouts/sidebar/SidebarListItem.jsx
+++ b/src/layouts/dashboardLayouts/sidebar/SidebarListItem.jsx
@@ -1,7 +1,7 @@
 import {NextLinkComposed} from "@/core/components/LinkRouting";
 import ExpandLess from "@mui/icons-material/ExpandLess";
 import ExpandMore from "@mui/icons-material/ExpandMore";
-import {Badge, ListItem, ListItemButton, ListItemIcon, ListItemText, Typography,} from "@mui/material";
+import {Badge, Box, ListItem, ListItemButton, ListItemIcon, ListItemText, Typography,} from "@mui/material";
 import {useTranslations} from "next-intl";
 import {Fragment} from "react";
 import SidebarListSubItem from "./SidebarListSubItem";
@@ -53,15 +53,17 @@ const SidebarListItem = ({item, dispatch, handleDrawerToggle}) => {
 
                     {item.type == "menu" &&
                         (item.showSubItem ? <ExpandLess/> : <ExpandMore/>)}
-                    <Badge
-                        badgeContent="21"
-                        color="error"
-                        variant="standard"
-                        anchorOrigin={{
-                            vertical: "top",
-                            horizontal: "right",
-                        }}
-                    />
+                    <Box sx={{paddingRight: 2}}>
+                        <Badge
+                            badgeContent="21"
+                            color="error"
+                            variant="standard"
+                            anchorOrigin={{
+                                vertical: "top",
+                                horizontal: "right",
+                            }}
+                        />
+                    </Box>
                 </ListItemButton>
             </ListItem>
             {item.subItem && (
diff --git a/src/pages/_document.jsx b/src/pages/_document.jsx
index c9c28bb..474e29b 100644
--- a/src/pages/_document.jsx
+++ b/src/pages/_document.jsx
@@ -11,7 +11,7 @@ export default function MyDocument(props) {
             <Head>
                 <meta name="theme-color" content={theme.palette.primary.main}/>
                 <meta name="emotion-insertion-point" content=""/>
-                <link rel="shortcut icon" href="/icons/favicon.ico"/>
+                <link rel="shortcut icon" href="/icons/favicon.png"/>
                 <link rel="manifest" href="/manifest.json"/>
                 {emotionStyleTags}
             </Head>