diff --git a/lib/widgets/box_widget.dart b/lib/widgets/box_widget.dart
index 94037a6..fa9eb85 100644
--- a/lib/widgets/box_widget.dart
+++ b/lib/widgets/box_widget.dart
@@ -3,37 +3,25 @@ import 'package:gap/gap.dart';
 import 'package:ocbo_esign_mobile/widgets/text_widget.dart';
 
 class BoxWidget extends StatelessWidget {
-  final String title;
   final Widget content;
+  final double? circular;
+  // final double? titleSize;
 
-  const BoxWidget({super.key, required this.title, required this.content});
+  const BoxWidget({super.key, required this.content, this.circular = 8});
 
   @override
   Widget build(BuildContext context) {
     return Container(
       padding: EdgeInsets.all(16),
       decoration: BoxDecoration(
-        borderRadius: BorderRadius.circular(8),
+        borderRadius: BorderRadius.circular(circular ?? 8),
         color: Color.fromRGBO(16, 22, 28, 0.584),
         border: Border.all(color: const Color.fromRGBO(41, 60, 78, 0.914)),
       ),
       width: MediaQuery.of(context).size.width - 30,
-      // height: MediaQuery.of(context).size.height / 2.2,
       child: Column(
         crossAxisAlignment: CrossAxisAlignment.start,
-        children: [
-          if (title.isNotEmpty)
-            Column(
-              children: [
-                Row(
-                  mainAxisAlignment: MainAxisAlignment.center,
-                  children: [TextWidget(text: title, bold: true, size: 24)],
-                ),
-                const Gap(16),
-              ],
-            ),
-          Padding(padding: const EdgeInsets.all(16), child: content),
-        ],
+        children: [Padding(padding: const EdgeInsets.all(16), child: content)],
       ),
     );
   }
diff --git a/lib/widgets/login_box_widget.dart b/lib/widgets/login_box_widget.dart
new file mode 100644
index 0000000..a307bdc
--- /dev/null
+++ b/lib/widgets/login_box_widget.dart
@@ -0,0 +1,40 @@
+import 'package:flutter/material.dart';
+import 'package:gap/gap.dart';
+import 'package:ocbo_esign_mobile/widgets/text_widget.dart';
+
+class LoginBoxWidget extends StatelessWidget {
+  final String title;
+  final Widget content;
+
+  const LoginBoxWidget({super.key, required this.title, required this.content});
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      padding: EdgeInsets.all(16),
+      decoration: BoxDecoration(
+        borderRadius: BorderRadius.circular(8),
+        color: Color.fromRGBO(16, 22, 28, 0.584),
+        border: Border.all(color: const Color.fromRGBO(41, 60, 78, 0.914)),
+      ),
+      width: MediaQuery.of(context).size.width - 30,
+      // height: MediaQuery.of(context).size.height / 2.2,
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          if (title.isNotEmpty)
+            Column(
+              children: [
+                Row(
+                  mainAxisAlignment: MainAxisAlignment.center,
+                  children: [TextWidget(text: title, bold: true, size: 24)],
+                ),
+                const Gap(16),
+              ],
+            ),
+          Padding(padding: const EdgeInsets.all(16), child: content),
+        ],
+      ),
+    );
+  }
+}