@media (max-width: 820px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  .sidebar,
  .shell,
  .topbar,
  .top-actions,
  .filters,
  .view,
  .panel,
  .grid,
  .chart,
  .table {
    min-width: 0;
    max-width: 100%;
  }

  .sidebar {
    overflow: hidden;
  }

  nav {
    width: 100%;
    max-width: 100%;
  }

  .source-pill {
    overflow-wrap: anywhere;
  }

  section[data-tab-panel] {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
  }

  section[data-tab-panel] > .panel,
  section[data-tab-panel] > .grid {
    width: 100%;
  }
}