#InventoryListWidgetContainer {
  /* 
  This sets the width of the right column of the content grid, 
  where we're putting our inventory widget, to 30%.
  */
  --ajs-content-grid-column-3: 30%;
}

#MyInventoryListWidget {
  flex: 0 0 100%;
}

#MyInventoryListWidget .ajs-inner {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: -webkit-fill-available;
  overflow: auto;
}

#MyInventoryListWidget .ajs-scroll-content {
  height: -webkit-fill-available;
  /*
  These flex properties set the buttons to the full
  width of the column, one per line. If you'd prefer
  buttons to wrap, comment these lines.
  */
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

#MyInventoryListWidget .ajs-widget-button {
  display: flex;
  flex-direction: column;
}