.s-ColumnPickerDialog .column-picker-dialog {
  display: flex;
  flex-direction: column; /* Stack search on top of columns container */
}

.s-ColumnPickerDialog .columns-container {
  display: flex;
  flex-direction: row; /* Place visible and hidden lists next to each other */
  gap: 10px; /* Add some space between the lists */
}

.s-ColumnPickerDialog .column-section {
  display: flex;
  flex-direction: column; /* Stack search and list vertically */
  flex: 1; /* Allow the sections to take equal space */
}

.s-ColumnPickerDialog .search {
  flex: 0 0 auto;
  text-align: right;
  margin-bottom: 10px; /* Add some space between the search and the columns */
}

  .s-ColumnPickerDialog .search input {
    margin: 6px 6px 2px 6px;
  }

.s-ColumnPickerDialog .column-list {
  flex: 1; /* Allow the lists to take equal space */
  overflow: auto; /* Ensure the lists are scrollable if content overflows */
}