diff --git a/components/sidebar-menu/sidebar-menu.tsx b/components/sidebar-menu/sidebar-menu.tsx
index 3695e4a..10e4fdc 100644
--- a/components/sidebar-menu/sidebar-menu.tsx
+++ b/components/sidebar-menu/sidebar-menu.tsx
@@ -17,7 +17,7 @@ export const SidebarMenu = async ({ className }: SidebarMenuProps) => {
 
 	return (
 		<nav className={className}>
-			<ul className='menu rounded-box shadow-lg'>
+			<ul className='menu rounded-box shadow-lg grid gap-1'>
 				{menu.map(menuItem => (
 					<li key={menuItem.name}>
 						{menuItem.name === MAIN_MENU ? (
@@ -25,7 +25,7 @@ export const SidebarMenu = async ({ className }: SidebarMenuProps) => {
 						) : (
 							<details open>
 								<summary>{menuItem.name}</summary>
-								<ul>
+								<ul className='grid gap-1'>
 									{menuItem.items?.length === 1 ? (
 										<SidebarMenuItem items={[]} />
 									) : (
diff --git a/components/sidebar-menu/sidebar-submenu-item.tsx b/components/sidebar-menu/sidebar-submenu-item.tsx
index 517d3e0..03fb7c1 100644
--- a/components/sidebar-menu/sidebar-submenu-item.tsx
+++ b/components/sidebar-menu/sidebar-submenu-item.tsx
@@ -7,10 +7,10 @@ type SidebarSubMenuItemProps = {
 
 export const SidebarSubMenuItem = ({ submenu }: SidebarSubMenuItemProps) => {
 	return (
-		<li>
+		<li className='grid gap-1'>
 			<details>
 				<summary>{submenu.name}</summary>
-				<ul>
+				<ul className='grid gap-1'>
 					<SidebarMenuItem items={submenu.items} />
 				</ul>
 			</details>