.ui-dialog .tab-content .charsheet {
    .header {
        justify-content: flex-end;

        >.header__main {
            flex-grow: 1;
        }

        > .header__controls {
            flex-grow: 0;
            gap: 2px;
            align-self: stretch;
            justify-content: flex-end;
            margin-left: 15px;
            margin-right: 5px;
            margin-bottom: 5px;

            .material-icons {
                color: var(--arm5-color-accent-brown);
                opacity: 0.85;
                user-select: none;

                &:hover {
                    opacity: 1;
                }
            }
        }

    }
}