body[data-role="expert"] .side-nav .role-nav[data-roles="expert"],
body[data-role="inspector"] .side-nav .role-nav[data-roles="inspector"],
body[data-role="admin"] .side-nav .role-nav[data-roles="admin"] {
  display: grid;
}

@media (max-width: 820px) {
  body[data-role="expert"] .side-nav .role-nav[data-roles="expert"],
  body[data-role="inspector"] .side-nav .role-nav[data-roles="inspector"],
  body[data-role="admin"] .side-nav .role-nav[data-roles="admin"] {
    display: flex;
  }
}