diff --git a/horizon/static/framework/util/navigations/navigations.service.js b/horizon/static/framework/util/navigations/navigations.service.js
index 5d7a3571ff..bd68c2c1c8 100644
--- a/horizon/static/framework/util/navigations/navigations.service.js
+++ b/horizon/static/framework/util/navigations/navigations.service.js
@@ -75,6 +75,8 @@
       // open panelgroup on nav_bar if exists
       if (panelgroup.length) {
         panelgroup.removeClass("collapsed").attr("aria-expanded", true);
+        panelgroup.siblings("ul").addClass("in").attr("style", null);
+        panelgroup.siblings("ul").removeClass("collapsed").attr("aria-expanded", true);
         // get panelgroup label
         labels.push(panelgroup.text().trim());
       }
diff --git a/openstack_dashboard/themes/material/static/_styles.scss b/openstack_dashboard/themes/material/static/_styles.scss
index 3feb2efa70..a31b632067 100644
--- a/openstack_dashboard/themes/material/static/_styles.scss
+++ b/openstack_dashboard/themes/material/static/_styles.scss
@@ -1,2 +1,8 @@
 @import "bootstrap/styles";
 @import "horizon/styles";
+
+#sidebar {
+  .openstack-panel-group {
+    text-align: left;
+  }
+}
\ No newline at end of file
diff --git a/openstack_dashboard/themes/material/templates/horizon/_sidebar.html b/openstack_dashboard/themes/material/templates/horizon/_sidebar.html
index 9d7163d466..8414218762 100644
--- a/openstack_dashboard/themes/material/templates/horizon/_sidebar.html
+++ b/openstack_dashboard/themes/material/templates/horizon/_sidebar.html
@@ -21,7 +21,7 @@
               {% with panels|has_permissions_on_list:user as filtered_panels %}
                 {% if filtered_panels %}
                   {% if group.name %}
-                    <li class="nav-header">
+                    <li class="nav-header openstack-panel-group">
                       <a data-toggle="collapse"
                          data-parent="#sidebar-drawer-{{ dashboard.slug }}"
                          data-target="#sidebar-drawer-{{ dashboard.slug }}-{{ group.slug }}"
@@ -40,7 +40,7 @@
                   {% endif %}
                   {% for panel in filtered_panels %}
                     <li class="openstack-panel">
-                      <a class="openstack-spin {% if current.slug == dashboard.slug and current_panel == panel.slug %}active{% endif %}" href="{{ panel.get_absolute_url }}"
+                      <a class="openstack-spin openstack-panel {% if current.slug == dashboard.slug and current_panel == panel.slug %}active{% endif %}" href="{{ panel.get_absolute_url }}"
                          target="_self"
                          tabindex="{{ forloop.counter }}" >
                         {{ panel.name }}