diff --git a/refilc/assets/images/showcase1.png b/refilc/assets/images/showcase1.png
index e9465f4..c4f522a 100644
Binary files a/refilc/assets/images/showcase1.png and b/refilc/assets/images/showcase1.png differ
diff --git a/refilc/assets/images/showcase2.png b/refilc/assets/images/showcase2.png
index e1bc254..ae54a47 100644
Binary files a/refilc/assets/images/showcase2.png and b/refilc/assets/images/showcase2.png differ
diff --git a/refilc/assets/images/showcase3.png b/refilc/assets/images/showcase3.png
index 6d18a00..72e6ec5 100644
Binary files a/refilc/assets/images/showcase3.png and b/refilc/assets/images/showcase3.png differ
diff --git a/refilc/assets/images/showcase4.png b/refilc/assets/images/showcase4.png
index 873c834..5c54167 100644
Binary files a/refilc/assets/images/showcase4.png and b/refilc/assets/images/showcase4.png differ
diff --git a/refilc_mobile_ui/lib/screens/login/login_screen.dart b/refilc_mobile_ui/lib/screens/login/login_screen.dart
index 328f5f9..950170d 100644
--- a/refilc_mobile_ui/lib/screens/login/login_screen.dart
+++ b/refilc_mobile_ui/lib/screens/login/login_screen.dart
@@ -54,7 +54,7 @@ class LoginScreenState extends State<LoginScreen> {
     SystemChrome.setSystemUIOverlayStyle(const SystemUiOverlayStyle(
       statusBarColor: Colors.transparent,
       statusBarIconBrightness: Brightness.light,
-      systemNavigationBarColor: Colors.white,
+      systemNavigationBarColor: Color(0xFFDAE4F7),
       systemNavigationBarIconBrightness: Brightness.dark,
     ));
 
@@ -196,24 +196,24 @@ class LoginScreenState extends State<LoginScreen> {
                         ],
                       ),
                       Container(
-                        height: 300,
+                        height: 310,
                         width: double.infinity,
                         decoration: const BoxDecoration(
                           gradient: LinearGradient(
                             colors: [Color(0x00DAE4F7), Color(0xFFDAE4F7)],
-                            stops: [0, 0.12],
+                            stops: [0, 0.24],
                             begin: Alignment.topCenter,
                             end: Alignment.bottomCenter,
                           ),
                         ),
                         child: Padding(
                           padding: EdgeInsets.only(
-                              top: 50,
+                              top: 90,
                               bottom: MediaQuery.of(context).viewInsets.bottom),
                           child: Column(
                             children: [
                               SizedBox(
-                                height: 48,
+                                height: 52,
                                 width: double.infinity,
                                 child: Padding(
                                   padding: const EdgeInsets.symmetric(
@@ -244,7 +244,7 @@ class LoginScreenState extends State<LoginScreen> {
                                         width:
                                             MediaQuery.of(context).size.width *
                                                 0.75,
-                                        height: 50.0,
+                                        height: 60.0,
                                         decoration: BoxDecoration(
                                           // image: const DecorationImage(
                                           //   image:
@@ -284,7 +284,7 @@ class LoginScreenState extends State<LoginScreen> {
                                               style: const TextStyle(
                                                 color: Colors.white,
                                                 fontWeight: FontWeight.bold,
-                                                fontSize: 15.0,
+                                                fontSize: 14.0,
                                               ),
                                             ),
                                           ],
@@ -292,7 +292,7 @@ class LoginScreenState extends State<LoginScreen> {
                                   ),
                                 ),
                               ),
-                              const SizedBox(height: 8),
+                              const SizedBox(height: 17),
                               // privacy policy
                               GestureDetector(
                                 onTap: () => PrivacyView.show(context),