1 files changed, 42 insertions, 23 deletions

diff --git a/webapp/components/admin_console/admin_sidebar.jsx b/webapp/components/admin_console/admin_sidebar.jsx
index cdb7e29d5..19a6316b6 100644
--- a/webapp/components/admin_console/admin_sidebar.jsx
+++ b/webapp/components/admin_console/admin_sidebar.jsx
@@ -265,6 +265,7 @@ export default class AdminSidebar extends React.Component {
                             />
                         </AdminSidebarCategory>
                         <AdminSidebarCategory
+                            sectionClass='sections--settings'
                             parentLink='/admin_console'
                             icon='fa-gear'
                             title={
@@ -276,6 +277,7 @@ export default class AdminSidebar extends React.Component {
                         >
                             <AdminSidebarSection
                                 name='general'
+                                type='text'
                                 title={
                                     <FormattedMessage
                                         id='admin.sidebar.general'
@@ -310,6 +312,7 @@ export default class AdminSidebar extends React.Component {
                                         />
                                     }
                                 />
+                                {complianceSettings}
                                 <AdminSidebarSection
                                     name='logging'
                                     title={
@@ -322,6 +325,7 @@ export default class AdminSidebar extends React.Component {
                             </AdminSidebarSection>
                             <AdminSidebarSection
                                 name='authentication'
+                                type='text'
                                 title={
                                     <FormattedMessage
                                         id='admin.sidebar.authentication'
@@ -351,6 +355,7 @@ export default class AdminSidebar extends React.Component {
                             </AdminSidebarSection>
                             <AdminSidebarSection
                                 name='security'
+                                type='text'
                                 title={
                                     <FormattedMessage
                                         id='admin.sidebar.security'
@@ -406,6 +411,7 @@ export default class AdminSidebar extends React.Component {
                             </AdminSidebarSection>
                             <AdminSidebarSection
                                 name='notifications'
+                                type='text'
                                 title={
                                     <FormattedMessage
                                         id='admin.sidebar.notifications'
@@ -434,6 +440,7 @@ export default class AdminSidebar extends React.Component {
                             </AdminSidebarSection>
                             <AdminSidebarSection
                                 name='integrations'
+                                type='text'
                                 title={
                                     <FormattedMessage
                                         id='admin.sidebar.integrations'
@@ -461,16 +468,8 @@ export default class AdminSidebar extends React.Component {
                                 />
                             </AdminSidebarSection>
                             <AdminSidebarSection
-                                name='database'
-                                title={
-                                    <FormattedMessage
-                                        id='admin.sidebar.database'
-                                        defaultMessage='Database'
-                                    />
-                                }
-                            />
-                            <AdminSidebarSection
                                 name='files'
+                                type='text'
                                 title={
                                     <FormattedMessage
                                         id='admin.sidebar.files'
@@ -499,6 +498,7 @@ export default class AdminSidebar extends React.Component {
                             </AdminSidebarSection>
                             <AdminSidebarSection
                                 name='customization'
+                                type='text'
                                 title={
                                     <FormattedMessage
                                         id='admin.sidebar.customization'
@@ -526,25 +526,44 @@ export default class AdminSidebar extends React.Component {
                                     }
                                 />
                             </AdminSidebarSection>
-                            {complianceSettings}
                             <AdminSidebarSection
-                                name='rate'
+                                name='advanced'
+                                type='text'
                                 title={
                                     <FormattedMessage
-                                        id='admin.sidebar.rate'
-                                        defaultMessage='Rate Limiting'
+                                        id='admin.sidebar.advanced'
+                                        defaultMessage='Advanced'
                                     />
                                 }
-                            />
-                            <AdminSidebarSection
-                                name='developer'
-                                title={
-                                    <FormattedMessage
-                                        id='admin.sidebar.developer'
-                                        defaultMessage='Developer'
-                                    />
-                                }
-                            />
+                            >
+                                <AdminSidebarSection
+                                    name='rate'
+                                    title={
+                                        <FormattedMessage
+                                            id='admin.sidebar.rate'
+                                            defaultMessage='Rate Limiting'
+                                        />
+                                    }
+                                />
+                                <AdminSidebarSection
+                                    name='database'
+                                    title={
+                                        <FormattedMessage
+                                            id='admin.sidebar.database'
+                                            defaultMessage='Database'
+                                        />
+                                    }
+                                />
+                                <AdminSidebarSection
+                                    name='developer'
+                                    title={
+                                        <FormattedMessage
+                                            id='admin.sidebar.developer'
+                                            defaultMessage='Developer'
+                                        />
+                                    }
+                                />
+                            </AdminSidebarSection>
                         </AdminSidebarCategory>
                         {this.renderTeams()}
                         <AdminSidebarCategory