diff --git a/clarity_backend_theme_bits/static/src/xml/navbar/sidebar.xml b/clarity_backend_theme_bits/static/src/xml/navbar/sidebar.xml
index 1fa06c07f..fb596cc67 100644
--- a/clarity_backend_theme_bits/static/src/xml/navbar/sidebar.xml
+++ b/clarity_backend_theme_bits/static/src/xml/navbar/sidebar.xml
@@ -28,26 +28,26 @@
 										t-attf-data-action-id="{{main_menu.actionID ? main_menu.actionID : ''}}"
 										t-att-data-menu-xmlid="main_menu.xmlid" t-attf-class="main_link dropdown-btn"
 										t-attf-data-bs-target="#child_menu_{{main_menu.id}}" 
-										data-bs-toggle="collapse"> 
+										data-bs-toggle="collapse">
 										<span class="app_icon me-2"></span>
 										<span>
 											<t t-esc="main_menu.name" />
-										</span>       
+										</span>
 										<span class="oi oi-chevron-right ms-auto p-2" />
-									</a>  
-									<ul t-attf-class="main header-sub-menus sub-menu-dropdown collapse #{curr_app &amp;&amp; curr_app.appID == main_menu.appID ?'show':''}" t-attf-id="child_menu_{{main_menu.id}}">  
+									</a>
+									<ul t-attf-class="main header-sub-menus sub-menu-dropdown collapse #{curr_app &amp;&amp; curr_app.appID == main_menu.appID ?'show':''}" t-attf-id="child_menu_{{main_menu.id}}">
 										<a class="back_main_menu collapse_back d-flex align-items-center" t-on-click="BackMenuToggle">
 											<span class="oi oi-chevron-left p-2" />
 											<h3 class="m-0 p-o">
 												<b>
 													<t t-esc="main_menu.name" />
 												</b>
-											</h3> 
+											</h3>
 										</a>
 										<t t-set="parent_menu_id" t-value="main_menu.id" />
 										<t t-foreach="main_menu.children" t-as="menuid" t-key="menuid">
 											<t t-set="menu" t-value="menuService.getMenuAsTree(menuid)"/>
-											<t t-call="AllmenuRecursive"> 
+											<t t-call="AllmenuRecursive">
 											</t>
 										</t>
 <!--										<t t-if="main_menu.xmlid == 'base.menu_administration'">-->
@@ -81,11 +81,11 @@
 								</li>
 							</t>
 						</t>
-					</ul> 
-				</div> 
-			</nav> 
+					</ul>
+				</div>
+			</nav>
 		</xpath>
-	</t> 
+	</t>
 	<t t-inherit="web.NavBar" t-inherit-mode="extension" owl="1">
 <!--		<xpath expr="//t[@t-call='web.NavBar.AppsMenu']" position="replace">-->
 <!--		</xpath>-->
@@ -93,24 +93,24 @@
 		<xpath expr="//DropdownItem" position="after">
 			<div class="sidebar-toggler d-flex align-items-center">
 				<a href="javascript:;" class="sidebar-toggle-bits ms-1" t-on-click="toggleSidebar">
-					<i class="toggle fa fa-bars fa-2x"/> 
-					<i class="back-arrow oi oi-chevron-left fa-2x"/> 
+					<i class="toggle fa fa-bars fa-2x"/>
+					<i class="back-arrow oi oi-chevron-left fa-2x"/>
 				</a>
 				<t t-if="currentApp">
-					<h4 class="ms-2 mb-0"><t t-esc="currentApp.name"/></h4> 
+					<h4 class="ms-2 mb-0"><t t-esc="currentApp.name"/></h4>
 				</t>
 			</div>
-		</xpath> 
+		</xpath>
 <!--		<xpath expr="//DropdownItem" position="replace"/>-->
 	</t>
 	<t t-name="AllmenuRecursive" owl="1">
 		<li class="nav-item">
-			<t t-if="menu.childrenTree.length"> 
+			<t t-if="menu.childrenTree.length">
 				<a class="d-flex align-items-center w-100 sub-main-menu" data-bs-toggle="collapse" t-attf-data-bs-target="#child_menu_{{menu.id}}" t-att-data-menu-xmlid="menu.xmlid">
 					<span><t t-esc="menu.name"/></span>
 					<span class="oi oi-chevron-right ms-auto p-2" />
 				</a>
-				<div t-attf-id="child_menu_{{menu.id}}" class="collapse">
+				<div t-attf-id="child_menu_{{menu.id}}" class="collapse show">
 					<ul class="header-sub-menus">
 						<t t-foreach="menu.children" t-as="menuid" t-key="menuid">
 							<t t-set="menu" t-value="menuService.getMenuAsTree(menuid)"/>