@layer components {
    .app-utility-row {
            align-items: center;
            border-bottom: 1px solid var(--dashboard-color-border);
            display: flex;
            min-height: 3.5rem;
            padding: 1rem var(--dashboard-section-padding-x);
        }

    @media (min-width: 48rem) {
        .app-utility-row {
                    padding-left: var(--dashboard-section-padding-x-lg);
                    padding-right: var(--dashboard-section-padding-x-lg);
                }
    }
}