@layer components {
    .modal-header,
    .modal-body,
    .modal-footer {
        padding-left: var(--modal-padding);
        padding-right: var(--modal-padding);
    }

    .modal-header {
        border-bottom: 1px solid var(--dashboard-color-border);
        padding-bottom: var(--modal-padding);
        padding-top: var(--modal-padding);
    }
}