.usage-history {
  display: flex;
  flex-direction: column;
  flex: 1;
  align-items: center;
  height: 100%;
  width: 100%;
}

.usage-history .usage-history-toolbar {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.usage-history .usage-history-toolbar .usage-history-button-wrapper,
.usage-history .usage-history-toolbar .usage-history-input-wrapper {
  display: flex;
}

.usage-history .usage-history-canvas-wrapper {
  width: 100%;
  max-width: calc(calc(100 * var(--window-inner-height)) - 200px);
}