diff --git a/components/layouts/sidebar.tsx b/components/layouts/sidebar.tsx
index 810d02a..e68ec80 100644
--- a/components/layouts/sidebar.tsx
+++ b/components/layouts/sidebar.tsx
@@ -100,12 +100,30 @@ const Sidebar = () => {
                             </li>
 
                             <li className="menu nav-item">
-                                <Link href="#" className="nav-link group">
+                                <button type="button" className={`${currentMenu === 'sungrow' ? 'active' : ''} nav-link group w-full`} onClick={() => toggleMenu('sungrow')}>
                                     <div className="flex items-center">
                                         <IconMenuComponents className="shrink-0 group-hover:!text-primary" />
                                         <span className="text-black ltr:pl-3 rtl:pr-3 dark:text-[#506690] dark:group-hover:text-white-dark">Sungrow</span>
                                     </div>
-                                </Link>
+
+                                    <div className={currentMenu !== 'component' ? '-rotate-90 rtl:rotate-90' : ''}>
+                                        <IconCaretDown />
+                                    </div>
+                                </button>
+
+                                <AnimateHeight duration={300} height={currentMenu === 'sungrow' ? 'auto' : 0}>
+                                    <ul className="sub-menu text-gray-500">
+                                        <li>
+                                            <Link href="/sungrow/plant">Plant</Link>
+                                        </li>
+                                        <li>
+                                            <Link href="/sungrow/device">Device</Link>
+                                        </li>
+                                        <li>
+                                            <Link href="/sungrow/maintenance">Maintenance</Link>
+                                        </li>
+                                    </ul>
+                                </AnimateHeight>
                             </li>
 
                             <li className="menu nav-item">