From a7da165fad4515e29f508f238b1f9ab667b1da9e Mon Sep 17 00:00:00 2001
From: Achintha Isuru <achinthaisuru444@gmail.com>
Date: Thu, 29 Jan 2026 13:59:28 -0500
Subject: [PATCH] feat: add new spacing constants and update imports in
 BillingPage

---
 .../design_system/lib/src/ui_constants.dart       |  3 +++
 .../lib/src/presentation/pages/billing_page.dart  | 15 ++++++---------
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/apps/mobile/packages/design_system/lib/src/ui_constants.dart b/apps/mobile/packages/design_system/lib/src/ui_constants.dart
index 819699b1..a13a28c9 100644
--- a/apps/mobile/packages/design_system/lib/src/ui_constants.dart
+++ b/apps/mobile/packages/design_system/lib/src/ui_constants.dart
@@ -37,4 +37,7 @@ class UiConstants {
   static const double space12 = 48.0;
   static const double space14 = 56.0;
   static const double space16 = 64.0;
+  static const double space20 = 80.0;
+  static const double space24 = 96.0;
+  static const double space32 = 128.0;
 }
diff --git a/apps/mobile/packages/features/client/billing/lib/src/presentation/pages/billing_page.dart b/apps/mobile/packages/features/client/billing/lib/src/presentation/pages/billing_page.dart
index 8fb39115..c51f0007 100644
--- a/apps/mobile/packages/features/client/billing/lib/src/presentation/pages/billing_page.dart
+++ b/apps/mobile/packages/features/client/billing/lib/src/presentation/pages/billing_page.dart
@@ -2,16 +2,16 @@ import 'package:design_system/design_system.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:flutter_modular/flutter_modular.dart';
+
 import '../blocs/billing_bloc.dart';
 import '../blocs/billing_event.dart';
 import '../blocs/billing_state.dart';
 import '../widgets/billing_header.dart';
-import '../widgets/pending_invoices_section.dart';
-import '../widgets/payment_method_card.dart';
-import '../widgets/spending_breakdown_card.dart';
-import '../widgets/savings_card.dart';
 import '../widgets/invoice_history_section.dart';
-import '../widgets/export_invoices_button.dart';
+import '../widgets/payment_method_card.dart';
+import '../widgets/pending_invoices_section.dart';
+import '../widgets/savings_card.dart';
+import '../widgets/spending_breakdown_card.dart';
 
 /// The entry point page for the client billing feature.
 ///
@@ -43,7 +43,6 @@ class BillingView extends StatelessWidget {
     return BlocBuilder<BillingBloc, BillingState>(
       builder: (BuildContext context, BillingState state) {
         return Scaffold(
-          backgroundColor: UiColors.bgPrimary,
           body: Column(
             children: <Widget>[
               BillingHeader(
@@ -89,9 +88,7 @@ class BillingView extends StatelessWidget {
           SavingsCard(savings: state.savings),
           const SizedBox(height: UiConstants.space6),
           InvoiceHistorySection(invoices: state.invoiceHistory),
-          const SizedBox(height: UiConstants.space6),
-          const ExportInvoicesButton(),
-          const SizedBox(height: UiConstants.space6),
+          const SizedBox(height: UiConstants.space24),
         ],
       ),
     );