chromium/ash/webui/shortcut_customization_ui/resources/js/shortcuts_page.html

<style include="shortcut-customization-shared cr-shared-style">
  :host-context(body.jelly-enabled) #contentWrapper {
    background-color: var(--cros-sys-app_base);
    border-radius: 16px;
  }

  #contentWrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    overflow: auto;
    padding-block-start: 20px;
    width: 100%;
  }

  #contentWrapper accelerator-subsection:not(:first-child)::part(container) {
    margin-block-start: 20px;
  }

  #container {
    display: flex;
    flex-direction: column;
    /* Add 20 px distance at the bottom */
    height: calc(100% - 20px);
  }
</style>

<div id="container">
  <div id="contentWrapper">
    <template id="subsections" is="dom-repeat" items="[[subcategories]]">
      <accelerator-subsection category="[[initialData.category]]"
        subcategory="[[item]]">
      </accelerator-subsection>
      </template>
  </div>
</div>