.container{
    padding: 16px;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.content{
    flex-grow: 1;
    overflow-y: auto;
}
.actions{
    text-align: right;
    margin-top: 16px;
}
.select-menu, .select-menu__button{
    width: auto;
    min-width: 150px;
}
.field{
    display: flex;
}
.output{
    margin: 8px;
    background: #f5f5f5;
    font-family: Consolas, monospace;
    font-size: 12px;
    padding: 8px;
}


<div class="container">
  <div class="content">

    <h2 class="section-title">Export local colors</h2>
    <div class="field">
      <label class="label" for="export-type">Export as </label>
      <select class="select-menu" id="export-type">
        <option value="export-sass">SASS variables</option>
        <option value="export-js">JS variables</option>
        <option value="export-css-var">CSS variables</option>
      </select>
    </div>
    <pre id="output" class="output"></pre>
  </div>
  <div class="actions">
    <button class="button button--secondary" id="cancel">Cancel</button>
    <button class="button button--primary" id="export">Export</button>
  </div>
</div>