.expense-container { width: 100%; display: flex; flex-direction: column; align-items: center; mat-card { max-width: 800px; width: 100%; } } mat-card-header { padding-bottom: 1rem; .expense-header { width: 100%; display: flex; align-items: center; justify-content: space-between; } }