From 7f555306a6c81af3284644befbdcfbfe94fd1080 Mon Sep 17 00:00:00 2001
From: Algirdas <algirdas.cic@gmail.com>
Date: Thu, 23 Jul 2026 20:48:57 +0300
Subject: [PATCH 1/2] fix: styling fixes

---
 .../components/login/login.component.html     |  1 +
 ...w-cell-desktop-expense-item.component.scss |  4 --
 .../calendar-grid.component.scss              |  0
 .../calendar-grid/calendar-grid.component.ts  |  1 -
 .../expense-report.component.html             |  4 +-
 .../sidebar/actions/actions.component.scss    |  0
 .../sidebar/actions/actions.component.ts      |  5 +-
 .../calendar-edit.component.scss              |  0
 .../calendar-edit/calendar-edit.component.ts  |  3 -
 .../calendar-list.component.html              |  2 +-
 .../calendar-list.component.scss              |  0
 .../calendar-list/calendar-list.component.ts  |  1 -
 .../calendars-dialog.component.scss           |  0
 .../calendars-dialog.component.ts             |  1 -
 .../categories-dialog.component.scss          |  0
 .../categories-dialog.component.ts            |  1 -
 .../category-edit.component.scss              |  6 --
 .../category-list.component.scss              |  6 --
 .../confirm-dialog.component.html             | 10 +--
 .../confirm-dialog.component.scss             |  0
 .../confirm-dialog.component.ts               |  3 +-
 .../datepicker-dialog.component.html          |  8 +--
 .../expense-list-dialog.component.scss        |  0
 .../expense-list-dialog.component.ts          |  4 +-
 .../expense-list-items.component.ts           |  5 +-
 .../input-dialog/input-dialog.component.html  | 63 ++++++++++---------
 .../profile-dialog.component.scss             |  0
 .../profile-dialog.component.ts               |  1 -
 .../statement-review-dialog.component.html    |  6 +-
 frontend/src/styles.scss                      | 23 -------
 frontend/src/styles/animation.scss            |  2 -
 frontend/src/styles/helpers.scss              | 11 ----
 frontend/src/styles/layout.scss               | 10 +--
 33 files changed, 57 insertions(+), 124 deletions(-)
 delete mode 100644 frontend/src/app/modules/main/calendar/calendar-grid/calendar-grid.component.scss
 delete mode 100644 frontend/src/app/modules/main/components/sidebar/actions/actions.component.scss
 delete mode 100644 frontend/src/app/modules/main/dialogs/calendars-dialog/calendar-edit/calendar-edit.component.scss
 delete mode 100644 frontend/src/app/modules/main/dialogs/calendars-dialog/calendar-list/calendar-list.component.scss
 delete mode 100644 frontend/src/app/modules/main/dialogs/calendars-dialog/calendars-dialog.component.scss
 delete mode 100644 frontend/src/app/modules/main/dialogs/categories-dialog/categories-dialog.component.scss
 delete mode 100644 frontend/src/app/modules/main/dialogs/confirm-dialog/confirm-dialog.component.scss
 delete mode 100644 frontend/src/app/modules/main/dialogs/expense-list-dialog/expense-list-dialog.component.scss
 delete mode 100644 frontend/src/app/modules/main/dialogs/profile-dialog/profile-dialog.component.scss

diff --git a/frontend/src/app/modules/auth/components/login/login.component.html b/frontend/src/app/modules/auth/components/login/login.component.html
index e28ab5e0..bde1dd64 100644
--- a/frontend/src/app/modules/auth/components/login/login.component.html
+++ b/frontend/src/app/modules/auth/components/login/login.component.html
@@ -104,6 +104,7 @@ <h1 id="title" class="title">Welcome to Expensave!</h1>
         size="large"
         [disabled]="submitted || !form.valid"
         [class.btn-pulse]="submitted">
+        <nb-icon icon="log-in-outline" />
         Log In
     </button>
 </form>
diff --git a/frontend/src/app/modules/main/calendar/calendar-grid-row-cell-desktop/calendar-grid-row-cell-desktop-expense-item/calendar-grid-row-cell-desktop-expense-item.component.scss b/frontend/src/app/modules/main/calendar/calendar-grid-row-cell-desktop/calendar-grid-row-cell-desktop-expense-item/calendar-grid-row-cell-desktop-expense-item.component.scss
index b572e74c..2b57dd65 100644
--- a/frontend/src/app/modules/main/calendar/calendar-grid-row-cell-desktop/calendar-grid-row-cell-desktop-expense-item/calendar-grid-row-cell-desktop-expense-item.component.scss
+++ b/frontend/src/app/modules/main/calendar/calendar-grid-row-cell-desktop/calendar-grid-row-cell-desktop-expense-item/calendar-grid-row-cell-desktop-expense-item.component.scss
@@ -42,10 +42,6 @@
     font-size: 12px;
 }
 
-.expense-amount {
-    // font-size: nb-theme(text-subtitle-2-font-size);
-}
-
 .repeat-icon {
     height: 12px;
     width: 12px;
diff --git a/frontend/src/app/modules/main/calendar/calendar-grid/calendar-grid.component.scss b/frontend/src/app/modules/main/calendar/calendar-grid/calendar-grid.component.scss
deleted file mode 100644
index e69de29b..00000000
diff --git a/frontend/src/app/modules/main/calendar/calendar-grid/calendar-grid.component.ts b/frontend/src/app/modules/main/calendar/calendar-grid/calendar-grid.component.ts
index 1cc61b7f..4013f3f5 100644
--- a/frontend/src/app/modules/main/calendar/calendar-grid/calendar-grid.component.ts
+++ b/frontend/src/app/modules/main/calendar/calendar-grid/calendar-grid.component.ts
@@ -8,7 +8,6 @@ import { CalendarGridRowComponent } from '../calendar-grid-row/calendar-grid-row
 
 @Component({
     selector: 'app-calendar-grid',
-    styleUrls: ['calendar-grid.component.scss'],
     templateUrl: 'calendar-grid.component.html',
     imports: [CalendarGridRowComponent],
 })
diff --git a/frontend/src/app/modules/main/components/expense-report/expense-report.component.html b/frontend/src/app/modules/main/components/expense-report/expense-report.component.html
index 3648db3a..1b876558 100644
--- a/frontend/src/app/modules/main/components/expense-report/expense-report.component.html
+++ b/frontend/src/app/modules/main/components/expense-report/expense-report.component.html
@@ -1,5 +1,5 @@
 <nb-card class="mb-0 border-0">
-    <nb-card-header class="with-background font-weight-normal text-center border-bottom">
+    <nb-card-header class="text-center border-bottom">
         <span class="text-hint">{{ dateFrom | date: 'mediumDate' }}</span>
         <nb-icon icon="arrow-forward-outline" class="mx-3" />
         <span class="text-hint">{{ dateTo | date: 'mediumDate' }}</span>
@@ -21,7 +21,7 @@
         </nb-list>
     </nb-card-body>
     <nb-card-footer
-        class="with-background d-flex justify-content-between"
+        class="d-flex justify-content-between"
         [class.border-top]="categoryBalances.length > 0">
         <div class="text-center">
             <div class="text-hint mb-0">INCOME</div>
diff --git a/frontend/src/app/modules/main/components/sidebar/actions/actions.component.scss b/frontend/src/app/modules/main/components/sidebar/actions/actions.component.scss
deleted file mode 100644
index e69de29b..00000000
diff --git a/frontend/src/app/modules/main/components/sidebar/actions/actions.component.ts b/frontend/src/app/modules/main/components/sidebar/actions/actions.component.ts
index 9037681a..40e331e5 100644
--- a/frontend/src/app/modules/main/components/sidebar/actions/actions.component.ts
+++ b/frontend/src/app/modules/main/components/sidebar/actions/actions.component.ts
@@ -6,14 +6,13 @@ import { CategoriesDialogComponent } from '../../../dialogs/categories-dialog/ca
 import { AdminUsersDialogComponent } from '../../../dialogs/admin-users-dialog/admin-users-dialog.component';
 import { ProfileDialogComponent } from '../../../dialogs/profile-dialog/profile-dialog.component';
 import { StatementImportService } from '../../../services/statement-import.service';
-import { Router, RouterLink } from '@angular/router';
+import { Router } from '@angular/router';
 import { ConfirmDialogComponent } from '../../../dialogs/confirm-dialog/confirm-dialog.component';
 
 @Component({
     selector: 'app-sidebar-actions',
     templateUrl: 'actions.component.html',
-    styleUrl: 'actions.component.scss',
-    imports: [NbActionsModule, RouterLink, NbTooltipModule, NbButtonModule, NbIconModule],
+    imports: [NbActionsModule, NbTooltipModule, NbButtonModule, NbIconModule],
 })
 export class ActionsComponent {
     @Input()
diff --git a/frontend/src/app/modules/main/dialogs/calendars-dialog/calendar-edit/calendar-edit.component.scss b/frontend/src/app/modules/main/dialogs/calendars-dialog/calendar-edit/calendar-edit.component.scss
deleted file mode 100644
index e69de29b..00000000
diff --git a/frontend/src/app/modules/main/dialogs/calendars-dialog/calendar-edit/calendar-edit.component.ts b/frontend/src/app/modules/main/dialogs/calendars-dialog/calendar-edit/calendar-edit.component.ts
index c398ff72..839258af 100644
--- a/frontend/src/app/modules/main/dialogs/calendars-dialog/calendar-edit/calendar-edit.component.ts
+++ b/frontend/src/app/modules/main/dialogs/calendars-dialog/calendar-edit/calendar-edit.component.ts
@@ -16,13 +16,11 @@ import {
     NbTooltipModule,
     NbUserModule,
 } from '@nebular/theme';
-import { AsyncPipe } from '@angular/common';
 import { UserQueries } from '../../../../../queries/user.queries';
 import { injectQuery } from '@tanstack/angular-query-experimental';
 
 @Component({
     templateUrl: 'calendar-edit.component.html',
-    styleUrl: 'calendar-edit.component.scss',
     selector: 'app-calendar-edit',
     imports: [
         FormsModule,
@@ -36,7 +34,6 @@ import { injectQuery } from '@tanstack/angular-query-experimental';
         NbAutocompleteModule,
         NbOptionModule,
         NbTooltipModule,
-        AsyncPipe,
     ],
 })
 export class CalendarEditComponent {
diff --git a/frontend/src/app/modules/main/dialogs/calendars-dialog/calendar-list/calendar-list.component.html b/frontend/src/app/modules/main/dialogs/calendars-dialog/calendar-list/calendar-list.component.html
index 9e5cbe3d..2f1c9457 100644
--- a/frontend/src/app/modules/main/dialogs/calendars-dialog/calendar-list/calendar-list.component.html
+++ b/frontend/src/app/modules/main/dialogs/calendars-dialog/calendar-list/calendar-list.component.html
@@ -1,4 +1,4 @@
-<nb-card class="dialog">
+<nb-card class="dialog" size="large">
     <nb-card-header class="d-flex align-items-center">
         <button
             nbButton
diff --git a/frontend/src/app/modules/main/dialogs/calendars-dialog/calendar-list/calendar-list.component.scss b/frontend/src/app/modules/main/dialogs/calendars-dialog/calendar-list/calendar-list.component.scss
deleted file mode 100644
index e69de29b..00000000
diff --git a/frontend/src/app/modules/main/dialogs/calendars-dialog/calendar-list/calendar-list.component.ts b/frontend/src/app/modules/main/dialogs/calendars-dialog/calendar-list/calendar-list.component.ts
index ec41c601..90d269f7 100644
--- a/frontend/src/app/modules/main/dialogs/calendars-dialog/calendar-list/calendar-list.component.ts
+++ b/frontend/src/app/modules/main/dialogs/calendars-dialog/calendar-list/calendar-list.component.ts
@@ -6,7 +6,6 @@ import { NbButtonModule, NbCardModule, NbIconModule, NbListModule, NbTooltipModu
 @Component({
     selector: 'app-calendar-list',
     templateUrl: 'calendar-list.component.html',
-    styleUrls: ['calendar-list.component.scss'],
     animations: slideAnimation,
     imports: [NbCardModule, NbButtonModule, NbIconModule, NbListModule, NbTooltipModule],
 })
diff --git a/frontend/src/app/modules/main/dialogs/calendars-dialog/calendars-dialog.component.scss b/frontend/src/app/modules/main/dialogs/calendars-dialog/calendars-dialog.component.scss
deleted file mode 100644
index e69de29b..00000000
diff --git a/frontend/src/app/modules/main/dialogs/calendars-dialog/calendars-dialog.component.ts b/frontend/src/app/modules/main/dialogs/calendars-dialog/calendars-dialog.component.ts
index b12e78a9..1e15e87b 100644
--- a/frontend/src/app/modules/main/dialogs/calendars-dialog/calendars-dialog.component.ts
+++ b/frontend/src/app/modules/main/dialogs/calendars-dialog/calendars-dialog.component.ts
@@ -9,7 +9,6 @@ import { UserQueries } from '../../../../queries/user.queries';
 
 @Component({
     templateUrl: 'calendars-dialog.component.html',
-    styleUrls: ['calendars-dialog.component.scss'],
     imports: [NbSpinnerModule, CalendarListComponent, CalendarEditComponent],
 })
 export class CalendarsDialogComponent {
diff --git a/frontend/src/app/modules/main/dialogs/categories-dialog/categories-dialog.component.scss b/frontend/src/app/modules/main/dialogs/categories-dialog/categories-dialog.component.scss
deleted file mode 100644
index e69de29b..00000000
diff --git a/frontend/src/app/modules/main/dialogs/categories-dialog/categories-dialog.component.ts b/frontend/src/app/modules/main/dialogs/categories-dialog/categories-dialog.component.ts
index 651e81e5..5242e52e 100644
--- a/frontend/src/app/modules/main/dialogs/categories-dialog/categories-dialog.component.ts
+++ b/frontend/src/app/modules/main/dialogs/categories-dialog/categories-dialog.component.ts
@@ -9,7 +9,6 @@ import { injectMutation, injectQuery } from '@tanstack/angular-query-experimenta
 
 @Component({
     templateUrl: 'categories-dialog.component.html',
-    styleUrl: 'categories-dialog.component.scss',
     imports: [NbSpinnerModule, CategoryListComponent, CategoryEditComponent],
 })
 export class CategoriesDialogComponent implements OnInit {
diff --git a/frontend/src/app/modules/main/dialogs/categories-dialog/category-edit/category-edit.component.scss b/frontend/src/app/modules/main/dialogs/categories-dialog/category-edit/category-edit.component.scss
index 60659084..0c85eab4 100644
--- a/frontend/src/app/modules/main/dialogs/categories-dialog/category-edit/category-edit.component.scss
+++ b/frontend/src/app/modules/main/dialogs/categories-dialog/category-edit/category-edit.component.scss
@@ -13,9 +13,3 @@
     border: 0;
     padding: 0;
 }
-
-.selected-color {
-    height: 24px;
-    width: 24px;
-    border-radius: 50%;
-}
diff --git a/frontend/src/app/modules/main/dialogs/categories-dialog/category-list/category-list.component.scss b/frontend/src/app/modules/main/dialogs/categories-dialog/category-list/category-list.component.scss
index ceba57ff..f10dd1f3 100644
--- a/frontend/src/app/modules/main/dialogs/categories-dialog/category-list/category-list.component.scss
+++ b/frontend/src/app/modules/main/dialogs/categories-dialog/category-list/category-list.component.scss
@@ -1,11 +1,5 @@
 @use '../../../../../../theme' as *;
 
-.category-color {
-  width: 24px;
-  height: 24px;
-  border-radius: 50%;
-}
-
 nb-list-item.active {
   color: nb-theme(text-alternate-color);
 
diff --git a/frontend/src/app/modules/main/dialogs/confirm-dialog/confirm-dialog.component.html b/frontend/src/app/modules/main/dialogs/confirm-dialog/confirm-dialog.component.html
index 6c3bfcc9..712867d3 100644
--- a/frontend/src/app/modules/main/dialogs/confirm-dialog/confirm-dialog.component.html
+++ b/frontend/src/app/modules/main/dialogs/confirm-dialog/confirm-dialog.component.html
@@ -4,14 +4,14 @@
             {{ question }}
         </p>
     </nb-card-body>
-    <nb-card-footer class="d-flex justify-content-end gap-2">
+    <nb-card-footer class="d-flex align-items-center justify-content-between">
+        <button nbButton type="button" ghost status="basic" (click)="dialogRef.close(false)">
+            <nb-icon icon="close-outline" />
+            {{ noText }}
+        </button>
         <button nbButton type="button" status="primary" (click)="dialogRef.close(true)">
             <nb-icon icon="checkmark-outline" />
             {{ yesText }}
         </button>
-        <button nbButton type="button" (click)="dialogRef.close(false)">
-            <nb-icon icon="close-outline" />
-            {{ noText }}
-        </button>
     </nb-card-footer>
 </nb-card>
diff --git a/frontend/src/app/modules/main/dialogs/confirm-dialog/confirm-dialog.component.scss b/frontend/src/app/modules/main/dialogs/confirm-dialog/confirm-dialog.component.scss
deleted file mode 100644
index e69de29b..00000000
diff --git a/frontend/src/app/modules/main/dialogs/confirm-dialog/confirm-dialog.component.ts b/frontend/src/app/modules/main/dialogs/confirm-dialog/confirm-dialog.component.ts
index c086d3f2..90a5e031 100644
--- a/frontend/src/app/modules/main/dialogs/confirm-dialog/confirm-dialog.component.ts
+++ b/frontend/src/app/modules/main/dialogs/confirm-dialog/confirm-dialog.component.ts
@@ -1,9 +1,8 @@
 import { Component, inject } from '@angular/core';
-import { NbDialogRef, NbCardModule, NbButtonModule, NbIconModule } from '@nebular/theme';
+import { NbButtonModule, NbCardModule, NbDialogRef, NbIconModule } from '@nebular/theme';
 
 @Component({
     templateUrl: 'confirm-dialog.component.html',
-    styleUrls: ['confirm-dialog.component.scss'],
     imports: [NbCardModule, NbButtonModule, NbIconModule],
 })
 export class ConfirmDialogComponent {
diff --git a/frontend/src/app/modules/main/dialogs/datepicker-dialog/datepicker-dialog.component.html b/frontend/src/app/modules/main/dialogs/datepicker-dialog/datepicker-dialog.component.html
index 32197188..be77ec50 100644
--- a/frontend/src/app/modules/main/dialogs/datepicker-dialog/datepicker-dialog.component.html
+++ b/frontend/src/app/modules/main/dialogs/datepicker-dialog/datepicker-dialog.component.html
@@ -1,16 +1,16 @@
 <nb-card class="dialog">
     <nb-card-header class="d-flex align-items-center justify-content-between">
+        Pick a date
         <button
             nbButton
             type="button"
             status="basic"
             ghost
-            aria-label="Back from date picker"
-            nbTooltip="Back"
+            aria-label="Close date picker"
+            nbTooltip="Close"
             (click)="dialogRef.close()">
-            <nb-icon icon="arrow-back-outline" />
+            <nb-icon icon="close-outline" />
         </button>
-        Pick a date
     </nb-card-header>
 
     <nb-calendar size="medium" [(date)]="date" [visibleDate]="date" (dateChange)="dialogRef.close(date)" />
diff --git a/frontend/src/app/modules/main/dialogs/expense-list-dialog/expense-list-dialog.component.scss b/frontend/src/app/modules/main/dialogs/expense-list-dialog/expense-list-dialog.component.scss
deleted file mode 100644
index e69de29b..00000000
diff --git a/frontend/src/app/modules/main/dialogs/expense-list-dialog/expense-list-dialog.component.ts b/frontend/src/app/modules/main/dialogs/expense-list-dialog/expense-list-dialog.component.ts
index 8659b67c..22cfa790 100644
--- a/frontend/src/app/modules/main/dialogs/expense-list-dialog/expense-list-dialog.component.ts
+++ b/frontend/src/app/modules/main/dialogs/expense-list-dialog/expense-list-dialog.component.ts
@@ -3,14 +3,12 @@ import { NbButtonModule, NbCardModule, NbDialogRef, NbIconModule } from '@nebula
 import { Calendar } from '../../../../api/objects/calendar';
 import { Expense } from '../../../../api/objects/expense';
 import { CalendarService } from '../../calendar/calendar.service';
-import { DatePipe } from '@angular/common';
 import { ExpenseListItemsComponent } from './expense-list-items.component';
 import { ShortNumberPipe } from '../../../../pipes/shortnumber.pipe';
 
 @Component({
     templateUrl: 'expense-list-dialog.component.html',
-    styleUrls: ['expense-list-dialog.component.scss'],
-    imports: [NbCardModule, ExpenseListItemsComponent, NbButtonModule, NbIconModule, DatePipe, ShortNumberPipe],
+    imports: [NbCardModule, ExpenseListItemsComponent, NbButtonModule, NbIconModule, ShortNumberPipe],
 })
 export class ExpenseListDialogComponent implements OnInit {
     public visibleDate: Date;
diff --git a/frontend/src/app/modules/main/dialogs/expense-list-dialog/expense-list-items.component.ts b/frontend/src/app/modules/main/dialogs/expense-list-dialog/expense-list-items.component.ts
index 0cea7455..b0a03219 100644
--- a/frontend/src/app/modules/main/dialogs/expense-list-dialog/expense-list-items.component.ts
+++ b/frontend/src/app/modules/main/dialogs/expense-list-dialog/expense-list-items.component.ts
@@ -2,13 +2,12 @@ import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
 import { slideAnimation } from '../../../../animations/slide.animation';
 import { Expense } from '../../../../api/objects/expense';
 import { NbIconModule, NbListModule } from '@nebular/theme';
-import { NgStyle } from '@angular/common';
 import { ShortNumberPipe } from '../../../../pipes/shortnumber.pipe';
 
 @Component({
     selector: 'app-expense-list-items',
     template: ` <nb-list>
-        <nb-list-item class="with-background">
+        <nb-list-item>
             <small class="text-hint w-100">{{ header }}</small>
             <span>{{ totalExpensesAmount | shortNumber }}</span>
         </nb-list-item>
@@ -29,7 +28,7 @@ import { ShortNumberPipe } from '../../../../pipes/shortnumber.pipe';
         }
     </nb-list>`,
     animations: slideAnimation,
-    imports: [NbListModule, NbIconModule, NgStyle, ShortNumberPipe],
+    imports: [NbListModule, NbIconModule, ShortNumberPipe],
 })
 export class ExpenseListItemsComponent implements OnInit {
     @Input({ required: true })
diff --git a/frontend/src/app/modules/main/dialogs/input-dialog/input-dialog.component.html b/frontend/src/app/modules/main/dialogs/input-dialog/input-dialog.component.html
index 1b09bd07..2ec3904d 100644
--- a/frontend/src/app/modules/main/dialogs/input-dialog/input-dialog.component.html
+++ b/frontend/src/app/modules/main/dialogs/input-dialog/input-dialog.component.html
@@ -1,32 +1,35 @@
-<nb-card class="dialog" size="small">
-    <nb-card-header class="d-flex align-items-center justify-content-between">
-        {{ title }}
-        <button
-            nbButton
-            type="button"
-            status="basic"
-            ghost
-            aria-label="Close input dialog"
-            nbTooltip="Close"
-            (click)="dialogRef.close()">
-            <nb-icon icon="close-outline" />
-        </button>
-    </nb-card-header>
+<form (ngSubmit)="dialogRef.close(text ?? '')">
+    <nb-card class="dialog" size="small">
+        <nb-card-header class="d-flex align-items-center justify-content-between">
+            {{ title }}
+            <button
+                nbButton
+                type="button"
+                status="basic"
+                ghost
+                aria-label="Close input dialog"
+                nbTooltip="Close"
+                (click)="dialogRef.close()">
+                <nb-icon icon="close-outline" />
+            </button>
+        </nb-card-header>
 
-    <nb-card-body class="p-0 overflow-hidden">
-        <textarea
-            nbInput
-            fullWidth
-            #focus
-            class="dialog-textarea p-3 h-100 w-100 border-0"
-            [placeholder]="placeholder"
-            [(ngModel)]="text"></textarea>
-    </nb-card-body>
+        <nb-card-body class="p-0 overflow-hidden">
+            <textarea
+                nbInput
+                fullWidth
+                #focus
+                class="dialog-textarea p-3 h-100 w-100 border-0"
+                [placeholder]="placeholder"
+                [(ngModel)]="text"
+                [ngModelOptions]="{ standalone: true }"></textarea>
+        </nb-card-body>
 
-    <nb-card-footer class="d-flex justify-content-end">
-        <button nbButton type="button" status="primary" (click)="dialogRef.close(text ?? '')">
-            <nb-icon icon="save-outline" />
-            Save
-        </button>
-    </nb-card-footer>
-</nb-card>
+        <nb-card-footer class="d-flex justify-content-end">
+            <button nbButton type="submit" status="primary">
+                <nb-icon icon="save-outline" />
+                Save
+            </button>
+        </nb-card-footer>
+    </nb-card>
+</form>
diff --git a/frontend/src/app/modules/main/dialogs/profile-dialog/profile-dialog.component.scss b/frontend/src/app/modules/main/dialogs/profile-dialog/profile-dialog.component.scss
deleted file mode 100644
index e69de29b..00000000
diff --git a/frontend/src/app/modules/main/dialogs/profile-dialog/profile-dialog.component.ts b/frontend/src/app/modules/main/dialogs/profile-dialog/profile-dialog.component.ts
index 05667404..f9757450 100644
--- a/frontend/src/app/modules/main/dialogs/profile-dialog/profile-dialog.component.ts
+++ b/frontend/src/app/modules/main/dialogs/profile-dialog/profile-dialog.component.ts
@@ -20,7 +20,6 @@ import { UserQueries } from '../../../../queries/user.queries';
 
 @Component({
     templateUrl: 'profile-dialog.component.html',
-    styleUrls: ['profile-dialog.component.scss'],
     imports: [
         FormsModule,
         NbCardModule,
diff --git a/frontend/src/app/modules/main/dialogs/statement-review-dialog/statement-review-dialog.component.html b/frontend/src/app/modules/main/dialogs/statement-review-dialog/statement-review-dialog.component.html
index a2ebf867..d37db43b 100644
--- a/frontend/src/app/modules/main/dialogs/statement-review-dialog/statement-review-dialog.component.html
+++ b/frontend/src/app/modules/main/dialogs/statement-review-dialog/statement-review-dialog.component.html
@@ -12,14 +12,14 @@
             <nb-icon icon="close-outline" />
         </button>
     </nb-card-header>
-    <nb-card-header class="d-flex align-items-center justify-content-between with-background">
+    <nb-card-header class="d-flex align-items-center justify-content-between">
         <small class="text-hint w-100">TRANSACTIONS - {{ expensesCount }}</small>
         <span>{{ totalExpensesAmount | shortNumber }}</span>
     </nb-card-header>
     <nb-card-body class="p-0">
         @for (date of groupedDates; track date) {
             <nb-list [@slideAnimation]>
-                <nb-list-item [@slideAnimation] class="with-background text-hint">
+                <nb-list-item [@slideAnimation] class="text-hint">
                     <div class="d-flex w-100"><nb-icon icon="calendar-outline" class="me-1" /> {{ date }}</div>
                     <div>
                         {{ totalExpensesAmountByDates[date] | shortNumber }}
@@ -51,7 +51,7 @@
             </nb-list>
         }
     </nb-card-body>
-    <nb-card-footer class="d-flex align-items-center justify-content-between with-background">
+    <nb-card-footer class="d-flex align-items-center justify-content-between">
         <button
             nbButton
             type="button"
diff --git a/frontend/src/styles.scss b/frontend/src/styles.scss
index 00f0f0f0..9821dbfe 100644
--- a/frontend/src/styles.scss
+++ b/frontend/src/styles.scss
@@ -38,26 +38,3 @@ body {
     --bs-border-color: var(--divider-color);
     --bs-border-color-translucent: var(--divider-color);
 }
-
-nb-card-header.with-background,
-nb-card-footer.with-background,
-nb-list-item.with-background {
-    background: nb-theme(background-basic-color-2);
-}
-
-.font-weight-normal {
-    font-weight: normal;
-}
-
-// Dialog header icon buttons (close / back) should read as a bare icon only -
-// no background, border, outline or focus fill in any state.
-nb-card-header [nbButton].appearance-ghost.status-basic {
-    &,
-    &:hover,
-    &:focus,
-    &:active {
-        background-color: transparent;
-        border-color: transparent;
-        box-shadow: none;
-    }
-}
diff --git a/frontend/src/styles/animation.scss b/frontend/src/styles/animation.scss
index 5efa621a..30404ebf 100644
--- a/frontend/src/styles/animation.scss
+++ b/frontend/src/styles/animation.scss
@@ -1,8 +1,6 @@
 .bounceIn {
   -webkit-animation-name: bounceIn;
   animation-name: bounceIn;
-  -webkit-animation-duration: .75s;
-  animation-duration: .75s;
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-fill-mode: both;
diff --git a/frontend/src/styles/helpers.scss b/frontend/src/styles/helpers.scss
index 23dad5b7..a3a9fd1e 100644
--- a/frontend/src/styles/helpers.scss
+++ b/frontend/src/styles/helpers.scss
@@ -11,14 +11,3 @@
 small.very-small {
     font-size: 10px;
 }
-
-//
-//.text-truncate {
-//  white-space: nowrap;
-//  overflow: hidden;
-//  text-overflow: ellipsis;
-//}
-//
-//.clearfix {
-//  clear: both;
-//}
diff --git a/frontend/src/styles/layout.scss b/frontend/src/styles/layout.scss
index 382cfc4f..221f0036 100644
--- a/frontend/src/styles/layout.scss
+++ b/frontend/src/styles/layout.scss
@@ -1,17 +1,11 @@
+// Emits Bootstrap utility classes (.d-flex, .text-center, .align-items-center,
+// .justify-content-*, spacing, etc.) globally - relied on across all templates.
 @use 'bootstrap/scss/bootstrap-utilities' as *;
 
-
 nb-sidebar > .main-container > .scrollable {
   padding: 0 !important;
 }
 
-@include media-breakpoint-down(md) {
-  .dialog {
-      //margin-bottom: 30vh !important;
-  }
-}
-
-
 input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button {
     -webkit-appearance: none;

From 60e632de3c9cb87115483f1c62fc4d9aefdb97ad Mon Sep 17 00:00:00 2001
From: Algirdas <algirdas.cic@gmail.com>
Date: Thu, 23 Jul 2026 21:15:08 +0300
Subject: [PATCH 2/2] fix: styling fixes

---
 frontend/package-lock.json                    | 151 ++++++------------
 .../expense-report.component.html             |   4 +-
 .../calendar-edit/calendar-edit.component.ts  |   2 +
 .../expense-list-dialog.component.ts          |   3 +-
 .../expense-list-items.component.ts           |   2 +-
 frontend/src/theme.scss                       |   4 +
 6 files changed, 59 insertions(+), 107 deletions(-)

diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 325c9939..1f72d0ad 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -599,6 +599,7 @@
             "integrity": "sha512-BaUSLSyS+43fzDoJkTMkGqNdCXq3fGnUZsfXTmrlZPJf5AYFbgAlAPGZXDJyoNWw43fux+DafdlrlKcYUSgSIw==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@angular-eslint/bundled-angular-compiler": "21.4.0",
                 "eslint-scope": "9.1.2"
@@ -628,6 +629,7 @@
             "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-21.2.18.tgz",
             "integrity": "sha512-zN++Qb4Oz4x/5LYHuW9FItm7aHsV4HBz518GT25QusMvGymh+4io2TWhPYB0C9jx+g5q8GeQLd3c8r42yLrRxw==",
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "tslib": "^2.3.0"
             },
@@ -743,6 +745,7 @@
             "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-21.0.6.tgz",
             "integrity": "sha512-5Gw8mXtKXvcvDMWEciPLRYB6Ja5vsikLAidZsdCEIF6Bc51GmoqT5Tk/Ke+ciCd5Hq9Aco/IcHxT1RC3470lZg==",
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "parse5": "^8.0.0",
                 "tslib": "^2.3.0"
@@ -759,6 +762,7 @@
             "integrity": "sha512-i78NzvoNonAY17QgzSmqrYnXHmEfraLv4wZ/o/m3efxuz61ZJ+5X/PsCeAhbwBvQfRrPRQaJV2tK9vGjHa+U6w==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@angular-devkit/architect": "0.2102.19",
                 "@angular-devkit/core": "21.2.19",
@@ -793,6 +797,7 @@
             "resolved": "https://registry.npmjs.org/@angular/common/-/common-21.2.18.tgz",
             "integrity": "sha512-gZugZ8gX/KkACIZ3/ekoImLu5z8a0Iu9O5b84kh8e+++VUjmkmd19IygBsq/8/fF3vKf0UcIKcx3P6A/gb2DJw==",
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "tslib": "^2.3.0"
             },
@@ -809,6 +814,7 @@
             "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-21.2.18.tgz",
             "integrity": "sha512-ccnDuKLuzIa0ayijR+alarsHNWIksuGV/lxGTZ0t6/0+B6J/RXupz6M2IO6ZHHEcg8r7pcrLCUBTyp3FoiRJrg==",
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "tslib": "^2.3.0"
             },
@@ -822,6 +828,7 @@
             "integrity": "sha512-L5zbIp7YfTTB4I4xT33FgEBanzhppNejzZX0HJOEqKDyDL2jXq+flt83lE0XVuRJ6/zrG+UKj0B+y/CK6Ro7Wg==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/core": "7.29.7",
                 "@jridgewell/sourcemap-codec": "^1.4.14",
@@ -854,6 +861,7 @@
             "resolved": "https://registry.npmjs.org/@angular/core/-/core-21.2.18.tgz",
             "integrity": "sha512-AG4bb6GU0+qp+vVBjc/IhSPjgcRX8QsCb8jzN8dDyhnjsyuuG/LlIiU0l6n65BI9SGKE9m6TfsJ1ObkkAiE5KQ==",
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "tslib": "^2.3.0"
             },
@@ -879,6 +887,7 @@
             "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-21.2.18.tgz",
             "integrity": "sha512-TrRuiNjIzrrNtQgpJVH5gultQrvBlawa+tTzIpxBfIqLpkHrTPZLtYu118EUk6jhWzgRhKYUorInjJe+sSxC+w==",
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@standard-schema/spec": "^1.0.0",
                 "tslib": "^2.3.0"
@@ -909,6 +918,7 @@
             "integrity": "sha512-krlpnhdab104FpsHKTUYnOrNzFJmtjSD1vK8miSOKHwn6p0q9DmePZOxvP32azqug5upGs8Phmlzv3nd7PbD9A==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/core": "7.29.7",
                 "@types/babel__core": "7.20.5",
@@ -933,6 +943,7 @@
             "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-21.2.18.tgz",
             "integrity": "sha512-zltF+3HrlgtZbYg8U98LhG0dyGm1aHT3Px8//9wjqi/TUY8UlHsYKByL197QtVWDBjf/dekzXdz5c+iyVtanLQ==",
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "tslib": "^2.3.0"
             },
@@ -973,6 +984,7 @@
             "resolved": "https://registry.npmjs.org/@angular/router/-/router-21.2.18.tgz",
             "integrity": "sha512-Xix19uG1YthC8IslhWKSfPdhscVWREBGVJZW2OnRmLef8F7DvhF49S6vOywaBo+Uahe0egkmgWDNpEwxAzsgLw==",
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "tslib": "^2.3.0"
             },
@@ -1017,6 +1029,7 @@
             "integrity": "sha512-RgHBCvtjbOK2gXSNBNIkNoEc9qoVEtau3hj8gEqKQuL3HZAibKarWFEI3Lfm6EYKkLalOh8eSrj9b+ch9H/VBA==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@babel/code-frame": "^7.29.7",
                 "@babel/generator": "^7.29.7",
@@ -2768,31 +2781,6 @@
                 "node": ">=14.17.0"
             }
         },
-        "node_modules/@emnapi/core": {
-            "version": "1.11.2",
-            "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.11.2.tgz",
-            "integrity": "sha512-TC8MkTuZUtcTSiFeuC0ksCh9QIJ5+F21MvZ4Wn4ORfYaFJ/0dsiudv5tVkejgwZlwQ39jL9WWDe2lz8x0WglOA==",
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "peer": true,
-            "dependencies": {
-                "@emnapi/wasi-threads": "1.2.2",
-                "tslib": "^2.4.0"
-            }
-        },
-        "node_modules/@emnapi/runtime": {
-            "version": "1.11.2",
-            "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.11.2.tgz",
-            "integrity": "sha512-kyOl3X0DuTiT1h2ft8r2fYO8JYtU9a9Xis/zBSiGArNaagCOWx90N1k2wxp18czFDH+OgcWGb5ZP/XMt3dcyPA==",
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "peer": true,
-            "dependencies": {
-                "tslib": "^2.4.0"
-            }
-        },
         "node_modules/@emnapi/wasi-threads": {
             "version": "1.2.2",
             "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.2.2.tgz",
@@ -2800,7 +2788,6 @@
             "dev": true,
             "license": "MIT",
             "optional": true,
-            "peer": true,
             "dependencies": {
                 "tslib": "^2.4.0"
             }
@@ -3695,6 +3682,7 @@
             "integrity": "sha512-Dx/y9bCQcXLI5ooQ5KyvA4FTgeo2jYj/7plWfV5Ak5wDPKQZgudKez2ixyfz7tKXzcJciTxqLeK7R9HItwiByg==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@inquirer/checkbox": "^4.3.2",
                 "@inquirer/confirm": "^5.1.21",
@@ -4721,9 +4709,6 @@
                 "arm64"
             ],
             "dev": true,
-            "libc": [
-                "glibc"
-            ],
             "license": "MIT",
             "optional": true,
             "os": [
@@ -4741,9 +4726,6 @@
                 "arm64"
             ],
             "dev": true,
-            "libc": [
-                "musl"
-            ],
             "license": "MIT",
             "optional": true,
             "os": [
@@ -4761,9 +4743,6 @@
                 "ppc64"
             ],
             "dev": true,
-            "libc": [
-                "glibc"
-            ],
             "license": "MIT",
             "optional": true,
             "os": [
@@ -4781,9 +4760,6 @@
                 "riscv64"
             ],
             "dev": true,
-            "libc": [
-                "glibc"
-            ],
             "license": "MIT",
             "optional": true,
             "os": [
@@ -4801,9 +4777,6 @@
                 "s390x"
             ],
             "dev": true,
-            "libc": [
-                "glibc"
-            ],
             "license": "MIT",
             "optional": true,
             "os": [
@@ -4821,9 +4794,6 @@
                 "x64"
             ],
             "dev": true,
-            "libc": [
-                "glibc"
-            ],
             "license": "MIT",
             "optional": true,
             "os": [
@@ -4841,9 +4811,6 @@
                 "x64"
             ],
             "dev": true,
-            "libc": [
-                "musl"
-            ],
             "license": "MIT",
             "optional": true,
             "os": [
@@ -4975,6 +4942,7 @@
             "resolved": "https://registry.npmjs.org/@nebular/theme/-/theme-17.0.0.tgz",
             "integrity": "sha512-176Aryv0eESabYd6p+UWvsrFqVsh3oj7BhSqSXus0p5wiZCa1uh4o2uVtcTDpGWB5al3sxCZ7MBG9Xj5OtobWg==",
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "tslib": "^2.3.0"
             },
@@ -5869,9 +5837,6 @@
                 "arm64"
             ],
             "dev": true,
-            "libc": [
-                "glibc"
-            ],
             "license": "MIT",
             "optional": true,
             "os": [
@@ -5889,9 +5854,6 @@
                 "arm64"
             ],
             "dev": true,
-            "libc": [
-                "musl"
-            ],
             "license": "MIT",
             "optional": true,
             "os": [
@@ -5909,9 +5871,6 @@
                 "x64"
             ],
             "dev": true,
-            "libc": [
-                "glibc"
-            ],
             "license": "MIT",
             "optional": true,
             "os": [
@@ -5929,9 +5888,6 @@
                 "x64"
             ],
             "dev": true,
-            "libc": [
-                "musl"
-            ],
             "license": "MIT",
             "optional": true,
             "os": [
@@ -6108,9 +6064,6 @@
                 "arm"
             ],
             "dev": true,
-            "libc": [
-                "glibc"
-            ],
             "license": "MIT",
             "optional": true,
             "os": [
@@ -6125,9 +6078,6 @@
                 "arm"
             ],
             "dev": true,
-            "libc": [
-                "musl"
-            ],
             "license": "MIT",
             "optional": true,
             "os": [
@@ -6142,9 +6092,6 @@
                 "arm64"
             ],
             "dev": true,
-            "libc": [
-                "glibc"
-            ],
             "license": "MIT",
             "optional": true,
             "os": [
@@ -6159,9 +6106,6 @@
                 "arm64"
             ],
             "dev": true,
-            "libc": [
-                "musl"
-            ],
             "license": "MIT",
             "optional": true,
             "os": [
@@ -6176,9 +6120,6 @@
                 "loong64"
             ],
             "dev": true,
-            "libc": [
-                "glibc"
-            ],
             "license": "MIT",
             "optional": true,
             "os": [
@@ -6193,9 +6134,6 @@
                 "loong64"
             ],
             "dev": true,
-            "libc": [
-                "musl"
-            ],
             "license": "MIT",
             "optional": true,
             "os": [
@@ -6210,9 +6148,6 @@
                 "ppc64"
             ],
             "dev": true,
-            "libc": [
-                "glibc"
-            ],
             "license": "MIT",
             "optional": true,
             "os": [
@@ -6227,9 +6162,6 @@
                 "ppc64"
             ],
             "dev": true,
-            "libc": [
-                "musl"
-            ],
             "license": "MIT",
             "optional": true,
             "os": [
@@ -6244,9 +6176,6 @@
                 "riscv64"
             ],
             "dev": true,
-            "libc": [
-                "glibc"
-            ],
             "license": "MIT",
             "optional": true,
             "os": [
@@ -6261,9 +6190,6 @@
                 "riscv64"
             ],
             "dev": true,
-            "libc": [
-                "musl"
-            ],
             "license": "MIT",
             "optional": true,
             "os": [
@@ -6278,9 +6204,6 @@
                 "s390x"
             ],
             "dev": true,
-            "libc": [
-                "glibc"
-            ],
             "license": "MIT",
             "optional": true,
             "os": [
@@ -6295,9 +6218,6 @@
                 "x64"
             ],
             "dev": true,
-            "libc": [
-                "glibc"
-            ],
             "license": "MIT",
             "optional": true,
             "os": [
@@ -6312,9 +6232,6 @@
                 "x64"
             ],
             "dev": true,
-            "libc": [
-                "musl"
-            ],
             "license": "MIT",
             "optional": true,
             "os": [
@@ -6855,6 +6772,7 @@
             "integrity": "sha512-nxAkRSVkN1Y0JC1W8ky/fTfkGsMmcrRsbx+3XoZE+rMOX71kLYTV7fLXpqud1GpbpP5TuffXFqfX7fH2GgZREw==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "undici-types": "~8.3.0"
             }
@@ -6978,6 +6896,7 @@
             "integrity": "sha512-gwh4gvvlaVDKKxyfxMG+Gnu1u9X0OQBwyGLkbwB65dIzBKnxeRiJlNFqlI3zwVhNXJIs6qV7mlFCn/BIajlVig==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@typescript-eslint/scope-manager": "8.63.0",
                 "@typescript-eslint/types": "8.63.0",
@@ -7085,6 +7004,7 @@
             "integrity": "sha512-xyLtl9DUBBFrcJS4x2pIqGLH68/tC2uOa4Z7pUteW09D3bXnnXUom4dyPikzWgB7llmIc1zoeI3aoUdC4rPK/Q==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
             },
@@ -7127,6 +7047,7 @@
             "integrity": "sha512-fUKaeAvrTuQg/Tgt3nliAUSZHJM6DlCcfyEmxCvlX8kieWSStBX+5O5Fnidtc3i2JrH+9c/GL4RY2iasd/GPTA==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@eslint-community/eslint-utils": "^4.9.1",
                 "@typescript-eslint/scope-manager": "8.63.0",
@@ -7401,6 +7322,7 @@
             "integrity": "sha512-xRQbDb9BnwDafYNn6Vwl839DYVjqXYb1XVGtWAZ1kcDc6iwAL4hg3B1dZlRiuENFeO2H53gFG3in621AdERVAg==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "bin": {
                 "acorn": "bin/acorn"
             },
@@ -7489,6 +7411,7 @@
             "integrity": "sha512-PlXPeEWMXMZ7sPYOHqmDyCJzcfNrUr3fGNKtezX14ykXOEIvyK81d+qydx89KY5O71FKMPaQ2vBfBFI5NHR63A==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "fast-deep-equal": "^3.1.3",
                 "fast-uri": "^3.0.1",
@@ -8045,6 +7968,7 @@
                 }
             ],
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "baseline-browser-mapping": "^2.10.38",
                 "caniuse-lite": "^1.0.30001799",
@@ -8261,6 +8185,7 @@
             "resolved": "https://registry.npmjs.org/chart.js/-/chart.js-4.5.1.tgz",
             "integrity": "sha512-GIjfiT9dbmHRiYi6Nl2yFCq7kkwdkp1W/lp2J99rX0yo9tgJGn3lKQATztIjb5tVtevcBtIdICNWqlq5+E8/Pw==",
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@kurkle/color": "^0.3.0"
             },
@@ -9500,6 +9425,7 @@
             "integrity": "sha512-GVTD7s1vdIl6UYvAfriOPeY1Df8LIZjfofLvHwde+erDHGGuHyuM6xoxRxmHiebhYuD2p1vN4wWh0XzPARSGDQ==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "workspaces": [
                 "packages/*"
             ],
@@ -9559,6 +9485,7 @@
             "integrity": "sha512-82GZUjRS0p/jganf6q1rEO25VSoHH0hKPCTrgillPjdI/3bgBhAE1QzHrHTizjpRvy6pGAvKjDJtk2pF9NDq8w==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "bin": {
                 "eslint-config-prettier": "bin/cli.js"
             },
@@ -9770,7 +9697,8 @@
             "version": "1.1.3",
             "resolved": "https://registry.npmjs.org/eva-icons/-/eva-icons-1.1.3.tgz",
             "integrity": "sha512-QBSEWNbEx1H0numXP1qgxKVCZHonRaky5ft4pGzQBcO4cy7mEja6TuJ8rc7BqX2pmkvetVQWKDH+DK/8y7GTag==",
-            "license": "MIT"
+            "license": "MIT",
+            "peer": true
         },
         "node_modules/eventemitter3": {
             "version": "4.0.7",
@@ -9825,6 +9753,7 @@
             "integrity": "sha512-hIS4idWWai69NezIdRt2xFVofaF4j+6INOpJlVOLDO8zXGpUVEVzIYk12UUi2JzjEzWL3IOAxcTubgz9Po0yXw==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "accepts": "^2.0.0",
                 "body-parser": "^2.2.1",
@@ -10452,6 +10381,7 @@
             "integrity": "sha512-1yrb/+w6HWQJrUCLkJ2IF5jNIPvvFkblV5RNOYl6bV+OA6p9GLcMpHFFGTosSvHvcAUibuUukRqhlYI4z32C7Q==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "engines": {
                 "node": ">=16.9.0"
             }
@@ -11242,7 +11172,8 @@
             "resolved": "https://registry.npmjs.org/jasmine-core/-/jasmine-core-6.3.0.tgz",
             "integrity": "sha512-eMm5qBovNjNoGOcgE/W207+wrcK5zrQv0Rg/rWGboUJUmZp0dFCpHTyjpuDAfCwRCqg7f9U2q2jtv/aUuzdCQg==",
             "dev": true,
-            "license": "MIT"
+            "license": "MIT",
+            "peer": true
         },
         "node_modules/jest-worker": {
             "version": "27.5.1",
@@ -11281,6 +11212,7 @@
             "integrity": "sha512-AC/7JofJvZGrrneWNaEnJeOLUx+JlGt7tNa0wZiRPT4MY1wmfKjt2+6O2p2uz2+skll8OZZmJMNqeke7kKbNgQ==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "bin": {
                 "jiti": "lib/jiti-cli.mjs"
             }
@@ -11428,6 +11360,7 @@
             "integrity": "sha512-LrtUxbdvt1gOpo3gxG+VAJlJAEMhbWlM4YrFQgql98FwF7+K8K12LYO4hnDdUkNjeztYrOXEMqgTajSWgmtI/w==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@colors/colors": "1.5.0",
                 "body-parser": "^1.19.0",
@@ -11995,6 +11928,7 @@
             "integrity": "sha512-j1n1IuTX1VQjIy3tT7cyGbX7nvQOsFLoIqobZv4ttI5axP923gA44zUj6miiA6R5Aoms4sEGVIIcucXUbRI14g==",
             "dev": true,
             "license": "Apache-2.0",
+            "peer": true,
             "dependencies": {
                 "copy-anything": "^2.0.1",
                 "parse-node-version": "^1.0.1",
@@ -12139,6 +12073,7 @@
             "integrity": "sha512-ME4Fb83LgEgwNw96RKNvKV4VTLuXfoKudAmm2lP8Kk87KaMK0/Xrx/aAkMWmT8mDb+3MlFDspfbCs7adjRxA2g==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "cli-truncate": "^5.0.0",
                 "colorette": "^2.0.20",
@@ -13763,6 +13698,7 @@
                 }
             ],
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "nanoid": "^3.3.11",
                 "picocolors": "^1.1.1",
@@ -13951,6 +13887,7 @@
             "integrity": "sha512-/FVl766LpUfB5vXgCYOYa0MeV/441Ia99AeICQIQFTY/Nw0roZwULcXpku5i1/m5kt/baz+s4Zogspd839HSMg==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "bin": {
                 "prettier": "bin/prettier.cjs"
             },
@@ -14459,6 +14396,7 @@
             "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.2.tgz",
             "integrity": "sha512-dhKf903U/PQZY6boNNtAGdWbG85WAbjT/1xYoZIC7FAY0yWapOBQVsVrDl58W86//e1VpMNBtRV4MaXfdMySFA==",
             "license": "Apache-2.0",
+            "peer": true,
             "dependencies": {
                 "tslib": "^2.1.0"
             }
@@ -14513,6 +14451,7 @@
             "integrity": "sha512-fDz1zJpd5GycprAbu4Q2PV/RprsRtKC/0z82z0JLgdytmcq0+ujJbJ/09bPGDxCLkKY3Np5cRAOcWiVkLXJURg==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "chokidar": "^4.0.0",
                 "immutable": "^5.0.2",
@@ -15545,6 +15484,7 @@
             "integrity": "sha512-jTwoImyr/QbOWFFso3YoU3ik0jBBDJ6JTOQiy/J2YxVJdZCc+5u7skhNwiOR3FQIygFqVUPHl7qbbxtjW2K3Qg==",
             "dev": true,
             "license": "BSD-2-Clause",
+            "peer": true,
             "dependencies": {
                 "@jridgewell/source-map": "^0.3.3",
                 "acorn": "^8.15.0",
@@ -15793,7 +15733,8 @@
             "version": "2.8.1",
             "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
             "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
-            "license": "0BSD"
+            "license": "0BSD",
+            "peer": true
         },
         "node_modules/tsyringe": {
             "version": "4.10.0",
@@ -15889,6 +15830,7 @@
             "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
             "dev": true,
             "license": "Apache-2.0",
+            "peer": true,
             "bin": {
                 "tsc": "bin/tsc",
                 "tsserver": "bin/tsserver"
@@ -16169,6 +16111,7 @@
             "integrity": "sha512-4XP60spRGjSZFf1qYH+dJIkK2znL3zQfl9KkOV9MkkRR/3Dls0dxaBsQPTloEc5BLXWPL9vsOxopxyKoMmDueg==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "esbuild": "^0.27.0 || ^0.28.0",
                 "fdir": "^6.5.0",
@@ -16286,6 +16229,7 @@
             "integrity": "sha512-dRXm0a2qcHPUBEzVk8uph0xWSjV/xZxenQQbLwnwP7caQCYpqG1qddwlyEkIDkYn0K8tvmcrZ+bOrzoQ3HxCDw==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@types/eslint-scope": "^3.7.7",
                 "@types/estree": "^1.0.8",
@@ -16365,6 +16309,7 @@
             "integrity": "sha512-4wZtCquSuv9CKX8oybo+mqxtxZqWz47uM1Ch94lxowBztOhWCbhqvRbfC/mODOwxgV2brY+JGZpHq58/SuVFYg==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "dependencies": {
                 "@types/bonjour": "^3.5.13",
                 "@types/connect-history-api-fallback": "^1.5.4",
@@ -17284,6 +17229,7 @@
             "integrity": "sha512-rftlrkhHZOcjDwkGlnUtZZkvaPHCsDATp4pGpuOOMDaTdDDXF91wuVDJoWoPsKX/3YPQ5fHuF3STjcYyKr+Qhg==",
             "dev": true,
             "license": "MIT",
+            "peer": true,
             "funding": {
                 "url": "https://github.com/sponsors/colinhacks"
             }
@@ -17302,7 +17248,8 @@
             "version": "0.16.2",
             "resolved": "https://registry.npmjs.org/zone.js/-/zone.js-0.16.2.tgz",
             "integrity": "sha512-Eky7p2Z1Ig3NnbfodSPoARCjKBSTFMnE/ACsP1L/XJEfY4SdOFce19BsUCWVwL6K5ABZFy5J3bjcMWffX+YM3Q==",
-            "license": "MIT"
+            "license": "MIT",
+            "peer": true
         }
     }
 }
diff --git a/frontend/src/app/modules/main/components/expense-report/expense-report.component.html b/frontend/src/app/modules/main/components/expense-report/expense-report.component.html
index 1b876558..2d488588 100644
--- a/frontend/src/app/modules/main/components/expense-report/expense-report.component.html
+++ b/frontend/src/app/modules/main/components/expense-report/expense-report.component.html
@@ -20,9 +20,7 @@
             }
         </nb-list>
     </nb-card-body>
-    <nb-card-footer
-        class="d-flex justify-content-between"
-        [class.border-top]="categoryBalances.length > 0">
+    <nb-card-footer class="d-flex justify-content-between" [class.border-top]="categoryBalances.length > 0">
         <div class="text-center">
             <div class="text-hint mb-0">INCOME</div>
             <strong>{{ income | shortNumber }}</strong>
diff --git a/frontend/src/app/modules/main/dialogs/calendars-dialog/calendar-edit/calendar-edit.component.ts b/frontend/src/app/modules/main/dialogs/calendars-dialog/calendar-edit/calendar-edit.component.ts
index 839258af..b925aca6 100644
--- a/frontend/src/app/modules/main/dialogs/calendars-dialog/calendar-edit/calendar-edit.component.ts
+++ b/frontend/src/app/modules/main/dialogs/calendars-dialog/calendar-edit/calendar-edit.component.ts
@@ -18,6 +18,7 @@ import {
 } from '@nebular/theme';
 import { UserQueries } from '../../../../../queries/user.queries';
 import { injectQuery } from '@tanstack/angular-query-experimental';
+import { AsyncPipe } from '@angular/common';
 
 @Component({
     templateUrl: 'calendar-edit.component.html',
@@ -34,6 +35,7 @@ import { injectQuery } from '@tanstack/angular-query-experimental';
         NbAutocompleteModule,
         NbOptionModule,
         NbTooltipModule,
+        AsyncPipe,
     ],
 })
 export class CalendarEditComponent {
diff --git a/frontend/src/app/modules/main/dialogs/expense-list-dialog/expense-list-dialog.component.ts b/frontend/src/app/modules/main/dialogs/expense-list-dialog/expense-list-dialog.component.ts
index 22cfa790..dc19797d 100644
--- a/frontend/src/app/modules/main/dialogs/expense-list-dialog/expense-list-dialog.component.ts
+++ b/frontend/src/app/modules/main/dialogs/expense-list-dialog/expense-list-dialog.component.ts
@@ -5,10 +5,11 @@ import { Expense } from '../../../../api/objects/expense';
 import { CalendarService } from '../../calendar/calendar.service';
 import { ExpenseListItemsComponent } from './expense-list-items.component';
 import { ShortNumberPipe } from '../../../../pipes/shortnumber.pipe';
+import { DatePipe } from '@angular/common';
 
 @Component({
     templateUrl: 'expense-list-dialog.component.html',
-    imports: [NbCardModule, ExpenseListItemsComponent, NbButtonModule, NbIconModule, ShortNumberPipe],
+    imports: [NbCardModule, ExpenseListItemsComponent, NbButtonModule, NbIconModule, ShortNumberPipe, DatePipe],
 })
 export class ExpenseListDialogComponent implements OnInit {
     public visibleDate: Date;
diff --git a/frontend/src/app/modules/main/dialogs/expense-list-dialog/expense-list-items.component.ts b/frontend/src/app/modules/main/dialogs/expense-list-dialog/expense-list-items.component.ts
index b0a03219..17b9b390 100644
--- a/frontend/src/app/modules/main/dialogs/expense-list-dialog/expense-list-items.component.ts
+++ b/frontend/src/app/modules/main/dialogs/expense-list-dialog/expense-list-items.component.ts
@@ -16,7 +16,7 @@ import { ShortNumberPipe } from '../../../../pipes/shortnumber.pipe';
                 <nb-icon
                     [icon]="icon"
                     class="flex-shrink-0 me-2"
-                    [ngStyle]="{ color: expense.category?.color }"></nb-icon>
+                    [style]="{ color: expense.category?.color }"></nb-icon>
                 <div class="text-truncate w-100 mx-3">
                     {{ expense.label }}
                     <small class="d-flex align-items-center text-hint">
diff --git a/frontend/src/theme.scss b/frontend/src/theme.scss
index fbc63074..388c9b76 100644
--- a/frontend/src/theme.scss
+++ b/frontend/src/theme.scss
@@ -40,6 +40,8 @@ $nb-themes: nb-register-theme(
                     link-text-active-color: nb-theme(color-secondary-600),
                     button-outline-width: 0,
                     sidebar-width: 24rem,
+                    toggle-primary-checked-switcher-background-color: var(--color-primary-300),
+                    toggle-primary-checked-switcher-checkmark-color: var(--color-primary-900),
                 ),
                 expensave,
                 default
@@ -124,6 +126,8 @@ $nb-themes: nb-register-theme(
                     spinner-danger-background-color: rgba(16, 18, 24, 0.72),
                     spinner-control-background-color: rgba(16, 18, 24, 0.72),
                     sidebar-width: 24rem,
+                    toggle-primary-checked-switcher-background-color: var(--color-primary-700),
+                    toggle-primary-checked-switcher-checkmark-color: var(--color-primary-100),
                 ),
                 expensave-dark,
                 dark