[data-hook="side-bar"] {
  width: 200px;
  height: calc(100% - 16px);
  background: red;
  display: inline-block;
  position: fixed; }

.pageContainer {
  height: calc(100vh - 16px);
  display: flex;
  flex-flow: column;
  min-height: 0;
  margin: 0px 50px; }

[data-hook="body-content"] {
  height: calc(100vh - 16px);
  display: flex;
  flex-flow: column;
  min-height: 0;
  margin-left: 200px; }

[data-hook="top-bar"] {
  background: green;
  width: 100%;
  flex: 0 0 100px; }