diff --git a/expense_tracker/lib/Screens/myhomepage.dart b/expense_tracker/lib/Screens/myhomepage.dart
index 34143cd..712827b 100644
--- a/expense_tracker/lib/Screens/myhomepage.dart
+++ b/expense_tracker/lib/Screens/myhomepage.dart
@@ -29,17 +29,29 @@ class MyHomePage extends StatelessWidget {
               const Padding(
                 padding: EdgeInsets.symmetric(vertical: 20.0, horizontal: 40.0),
               ),
+              const SizedBox(height: 80),
               Column(
                 mainAxisSize: MainAxisSize.max,
                 children: [
                   Container(
                     width: 900,
                     decoration: const BoxDecoration(
+                      color: Color.fromARGB(115, 0, 0, 0),
                       color: Color.fromARGB(227, 229, 232, 234),
                     ),
                     child: Column(
                       mainAxisSize: MainAxisSize.max,
                       children: [
+                        const SizedBox(height: 60),
+                        const Text(
+                          'Monthly Expenses',
+                          textAlign: TextAlign.center,
+                          style: TextStyle(
+                              fontSize: 50,
+                              color: Color.fromARGB(255, 255, 255, 255)),
+                        ),
+                        const SizedBox(height: 30),
+                        Row(
                         const Text(
                           'Hello World',
                           textAlign: TextAlign.center,
@@ -51,6 +63,108 @@ class MyHomePage extends StatelessWidget {
                           children: const [
                             Padding(
                               padding:
+                                  EdgeInsetsDirectional.fromSTEB(150, 0, 0, 0),
+                              child: Icon(
+                                Icons.favorite,
+                                color: Colors.pink,
+                                size: 24.0,
+                              ),
+                            ),
+                            Padding(
+                              padding:
+                                  EdgeInsetsDirectional.fromSTEB(20, 0, 0, 0),
+                              child: Text('Entertainment :',
+                                  style: TextStyle(
+                                      fontSize: 24,
+                                      color:
+                                          Color.fromARGB(255, 255, 255, 255))),
+                            ),
+                            Padding(
+                              padding:
+                                  EdgeInsetsDirectional.fromSTEB(20, 0, 0, 0),
+                              child: Text('amount',
+                                  style: TextStyle(
+                                      fontSize: 24,
+                                      color:
+                                          Color.fromARGB(255, 255, 255, 255))),
+                            ),
+                          ],
+                        ),
+                        const SizedBox(height: 15),
+                        Row(
+                          // mainAxisAlignment: MainAxisAlignment.center,
+                          mainAxisSize: MainAxisSize.max,
+                          children: const [
+                            Padding(
+                              padding:
+                                  EdgeInsetsDirectional.fromSTEB(150, 0, 0, 0),
+                              child: Text('Home :',
+                                  style: TextStyle(
+                                      fontSize: 24,
+                                      color:
+                                          Color.fromARGB(255, 255, 255, 255))),
+                            ),
+                            Padding(
+                              padding:
+                                  EdgeInsetsDirectional.fromSTEB(20, 0, 0, 0),
+                              child: Text('amount',
+                                  style: TextStyle(
+                                      fontSize: 24,
+                                      color:
+                                          Color.fromARGB(255, 255, 255, 255))),
+                            ),
+                          ],
+                        ),
+                        const SizedBox(height: 15),
+                        Row(
+                          mainAxisSize: MainAxisSize.max,
+                          children: const [
+                            Padding(
+                              padding:
+                                  EdgeInsetsDirectional.fromSTEB(150, 0, 0, 0),
+                              child: Text('Travel :',
+                                  style: TextStyle(
+                                      fontSize: 24,
+                                      color:
+                                          Color.fromARGB(255, 255, 255, 255))),
+                            ),
+                            Padding(
+                              padding:
+                                  EdgeInsetsDirectional.fromSTEB(20, 0, 0, 0),
+                              child: Text('amount',
+                                  style: TextStyle(
+                                      fontSize: 24,
+                                      color:
+                                          Color.fromARGB(255, 255, 255, 255))),
+                            ),
+                          ],
+                        ),
+                        const SizedBox(height: 30),
+                        Row(
+                          mainAxisSize: MainAxisSize.max,
+                          children: const [
+                            Padding(
+                              padding:
+                                  EdgeInsetsDirectional.fromSTEB(150, 0, 0, 0),
+                              child: Text('Total :',
+                                  style: TextStyle(
+                                      fontSize: 24,
+                                      color:
+                                          Color.fromARGB(255, 255, 255, 255))),
+                            ),
+                            Padding(
+                              padding:
+                                  EdgeInsetsDirectional.fromSTEB(20, 0, 0, 0),
+                              child: Text('amount',
+                                  style: TextStyle(
+                                      fontSize: 24,
+                                      color:
+                                          Color.fromARGB(255, 255, 255, 255))),
+                            ),
+                          ],
+                        ),
+                        const SizedBox(height: 60),
+
                                   EdgeInsetsDirectional.fromSTEB(0, 0, 0, 0),
                               child: Text('Hello World :',
                                   style: TextStyle(