.table-container {
    padding: 0.2px;
    background-color: var(--Grey);
    border-radius: 8.2px;
    &--scrolled {
        overflow-y: scroll;
    }
}

table {
    overflow: hidden;
    border-collapse: collapse;
    min-width: 600px;
    width: 100%;
    border-radius: 8px;
    border: 1px solid var(--Grey);
}

thead {
    background-color: var(--Light-Grey);
    .th-icon {
        display: flex;
        align-items: center;
        gap: 16px;
        &__img {
            border-radius: 6px;
            padding: 14px;
            background-color: var(--White);
            box-shadow: 0px 16px 40px -16px rgba(85, 71, 235, 0.5);
            svg {
                max-width: 28px;
                max-width: 28px;
            }
        }
    }
}
tbody {
    tr {
        cursor: pointer;
        background-color: var(--White);
        transition: 0.5s;
        &:hover {
            background-color: #f5f4fe;
        }
        .link {
            opacity: 0.6;
        }
    }
}

td,
th {
    border: 1px solid var(--Grey);
    padding: 20px 24px;
    text-align: left;
}

• [F] index.jsx
  Delete
• [F] styles.scss
  Delete