.ui-table-wrapper {
  width: 100%;
  overflow-x: auto;
}

.ui-table {
  width: 100%;
  border-collapse: collapse;
  background-color: #ffffff;
}

.ui-table th,
.ui-table td {
  padding: 12px 16px;
  border: 1px solid #dcdfe4;
  text-align: left;
  white-space: nowrap;
}

.ui-table thead th {
  font-weight: 600;
  background-color: #f3f5f7;
}

.ui-table tbody tr:nth-child(even) {
  background-color: #fafbfc;
}

.ui-table tbody tr:hover {
  background-color: #f0f7f4;
}