.ResourceAttributes-wrapper {
    width: 32rem;
    max-width: calc(100vw - 300px - 48px - 14px); /* full screen minus the filters menu, sidebar and a scrollbar width */
    padding: 0 var(--padding-sm);
    overflow: auto;
    flex-grow: 1;
}

.ResourceAttributes-header {
    font-size: 14px;
    color: var(--gray-600);
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: var(--padding-xs);
}

.ResourceAttributes-description {
    min-height: 26px;
    margin-bottom: var(--padding-xs);
}

.ResourceAttributes-actionGroup {
    display: flex;
    margin-bottom: var(--padding-sm);
    justify-content: flex-end;
    margin-top: -3rem; /* im not super happy with this implementation but its the one that makes the most sense */
}