.referral-leaderboard table,
.referral-personal-table table {
  width: 100%;
  border-collapse: collapse;
  table-layout: auto;
}

.referral-leaderboard th,
.referral-leaderboard td,
.referral-personal-table th,
.referral-personal-table td {
  padding: 8px 12px;
  border: 1px solid #ddd;
  text-align: center;
  white-space: nowrap;
}

.referral-leaderboard th,
.referral-personal-table th {
  background-color: #f8f8f8;
  font-weight: bold;
}

.referral-leaderboard,
.referral-personal-table {
  overflow-x: auto;
}
table th {
  text-align: center;
}