diff --git a/lib/pages/index_page.dart b/lib/pages/index_page.dart
index 7a84d23..a3e9845 100644
--- a/lib/pages/index_page.dart
+++ b/lib/pages/index_page.dart
@@ -44,8 +44,8 @@ class IndexPage extends StatelessWidget {
               child: Column(
                 children: [
                   const Gap(88),
-                  const ImageWidget(imagePath: 'assets/logo.webp', size: 140, measureByHeight: false),
-                  const Gap(24),
+                  const ImageWidget(imagePath: 'assets/logo.webp', size: 160, measureByHeight: false),
+                  const Gap(20),
                   const TextWidget(
                     text: "OCBO e-Sign",
                     color: Color.fromARGB(255, 244, 243, 243),
diff --git a/lib/pages/login_page.dart b/lib/pages/login_page.dart
index dfa7526..0f58031 100644
--- a/lib/pages/login_page.dart
+++ b/lib/pages/login_page.dart
@@ -10,6 +10,7 @@ import 'package:ocbo_esign_mobile/widgets/box_widget.dart';
 import 'package:ocbo_esign_mobile/widgets/button_widget.dart';
 import 'package:ocbo_esign_mobile/widgets/image_widget.dart';
 import 'package:ocbo_esign_mobile/widgets/input_widget.dart';
+import 'package:ocbo_esign_mobile/widgets/login_box_widget.dart';
 import 'package:ocbo_esign_mobile/widgets/text_widget.dart';
 
 class LoginPage extends StatefulWidget {
@@ -121,7 +122,7 @@ class _LoginPageState extends State<LoginPage> {
             const Gap(88),
             const ImageWidget(imagePath: 'assets/logo.webp', size: 100, measureByHeight: true),
             const Gap(58),
-            BoxWidget(
+            LoginBoxWidget(
               title: 'Login',
               content: Column(
                 crossAxisAlignment: CrossAxisAlignment.start,