diff --git a/dashboard/src/components/sidebar/sidebar-group.tsx b/dashboard/src/components/sidebar/sidebar-group.tsx
index 1567b20..cf56d87 100644
--- a/dashboard/src/components/sidebar/sidebar-group.tsx
+++ b/dashboard/src/components/sidebar/sidebar-group.tsx
@@ -1,19 +1,20 @@
 
 import { FC, PropsWithChildren } from "react"
 import { Label } from "@marzneshin/components"
+import { cn } from "@marzneshin/utils"
 import { useSidebarContext } from "./sidebar-provider";
 
 export interface SidebarGroupProps
     extends PropsWithChildren {
-
+    className: string
 }
 
-export const SidebarGroup: FC<SidebarGroupProps> = ({ children }) => {
+export const SidebarGroup: FC<SidebarGroupProps> = ({ children, className }) => {
     const { collapsed } = useSidebarContext();
 
     if (!collapsed)
         return (
-            <Label className="text-gray-500 font-header">
+            <Label className={cn(className, "text-gray-500 font-header")}>
                 {children}
             </Label>
         )
diff --git a/dashboard/src/features/sidebar/sidebar.tsx b/dashboard/src/features/sidebar/sidebar.tsx
index 637fb2d..0f3e155 100644
--- a/dashboard/src/features/sidebar/sidebar.tsx
+++ b/dashboard/src/features/sidebar/sidebar.tsx
@@ -41,7 +41,7 @@ export const DashboardSidebar: FC<DashboardSidebarProps> = ({
                         <Sidebar.Body>
                             {Object.keys(sidebarItems).map((key) => (
                                 <div className="w-full" key={key}>
-                                    <Sidebar.Group>{key}</Sidebar.Group>
+                                    <Sidebar.Group className="uppercase">{key}</Sidebar.Group>
                                     {sidebarItems[key].map((item: SidebarItem) => (
                                         <Sidebar.Item
                                             variant={isCurrentRouteActive(item.to) ? "active" : "default"}