diff --git a/lib/display_pannel.dart b/lib/display_pannel.dart
index e93d011..8ffd60e 100644
--- a/lib/display_pannel.dart
+++ b/lib/display_pannel.dart
@@ -1,7 +1,7 @@
 /*
  * @Author       : Linloir
  * @Date         : 2022-03-05 20:56:05
- * @LastEditTime : 2022-03-06 16:10:50
+ * @LastEditTime : 2022-03-06 17:32:26
  * @Description  : The display widget of the wordle game
  */
 
@@ -183,7 +183,10 @@ class _WordleDisplayWidgetState extends State<WordleDisplayWidget> with TickerPr
                 ],
               ),
             ),
-          const InputPannelWidget(),
+          const Padding(
+            padding: EdgeInsets.fromLTRB(10.0, 10.0, 10.0, 30.0),
+            child: InputPannelWidget(),
+          ),
         ],
       ),
       onNotification: (noti) {
diff --git a/lib/input_pannel.dart b/lib/input_pannel.dart
index 37b1880..7c84c59 100644
--- a/lib/input_pannel.dart
+++ b/lib/input_pannel.dart
@@ -1,7 +1,7 @@
 /*
  * @Author       : Linloir
  * @Date         : 2022-03-05 20:55:53
- * @LastEditTime : 2022-03-06 16:09:08
+ * @LastEditTime : 2022-03-06 17:28:40
  * @Description  : Input pannel class
  */
 
@@ -91,8 +91,8 @@ class _InputPannelWidgetState extends State<InputPannelWidget> {
               Padding(
                 padding: const EdgeInsets.fromLTRB(5.0, 5.0, 5.0, 5.0),
                 child: SizedBox(
-                  width: 50.0,
-                  height: 80.0,
+                  width: 25.0,
+                  height: 50.0,
                   child: ElevatedButton(
                     style: ButtonStyle(
                       shape: MaterialStateProperty.all<OutlinedBorder?>(RoundedRectangleBorder(borderRadius: BorderRadius.circular(5.0))),
@@ -107,7 +107,7 @@ class _InputPannelWidgetState extends State<InputPannelWidget> {
                       child: Text(
                         _keyPos[0][i],
                         style: TextStyle (
-                          fontSize: 18,
+                          fontSize: 14,
                           fontWeight: FontWeight.bold,
                           color: _keyState[_keyPos[0][i]]! == 0 ? Colors.grey[850] : Colors.white,
                         ),
@@ -129,8 +129,8 @@ class _InputPannelWidgetState extends State<InputPannelWidget> {
               Padding(
                 padding: const EdgeInsets.fromLTRB(5.0, 5.0, 5.0, 5.0),
                 child: SizedBox(
-                  width: 50.0,
-                  height: 80.0,
+                  width: 25.0,
+                  height: 50.0,
                   child: ElevatedButton(
                     style: ButtonStyle(
                       shape: MaterialStateProperty.all<OutlinedBorder?>(RoundedRectangleBorder(borderRadius: BorderRadius.circular(5.0))),
@@ -145,7 +145,7 @@ class _InputPannelWidgetState extends State<InputPannelWidget> {
                       child: Text(
                         _keyPos[1][i],
                         style: TextStyle (
-                          fontSize: 18,
+                          fontSize: 14,
                           fontWeight: FontWeight.bold,
                           color: _keyState[_keyPos[1][i]]! == 0 ? Colors.grey[850] : Colors.white,
                         ),
@@ -160,8 +160,8 @@ class _InputPannelWidgetState extends State<InputPannelWidget> {
             Padding(
               padding: const EdgeInsets.fromLTRB(5.0, 5.0, 5.0, 5.0),
               child: SizedBox(
-                width: 110,
-                height: 80.0,
+                width: 50,
+                height: 50.0,
                 child: ElevatedButton(
                   style: ButtonStyle(
                     shape: MaterialStateProperty.all<OutlinedBorder?>(RoundedRectangleBorder(borderRadius: BorderRadius.circular(5.0))),
@@ -187,8 +187,8 @@ class _InputPannelWidgetState extends State<InputPannelWidget> {
               Padding(
                 padding: const EdgeInsets.fromLTRB(5.0, 5.0, 5.0, 5.0),
                 child: SizedBox(
-                  width: 50.0,
-                  height: 80.0,
+                  width: 25.0,
+                  height: 50.0,
                   child: ElevatedButton(
                     style: ButtonStyle(
                       shape: MaterialStateProperty.all<OutlinedBorder?>(RoundedRectangleBorder(borderRadius: BorderRadius.circular(5.0))),
@@ -203,7 +203,7 @@ class _InputPannelWidgetState extends State<InputPannelWidget> {
                       child: Text(
                         _keyPos[2][i],
                         style: TextStyle (
-                          fontSize: 18,
+                          fontSize: 14,
                           fontWeight: FontWeight.bold,
                           color: _keyState[_keyPos[2][i]]! == 0 ? Colors.grey[850] : Colors.white,
                         ),
@@ -218,8 +218,8 @@ class _InputPannelWidgetState extends State<InputPannelWidget> {
             Padding(
               padding: const EdgeInsets.fromLTRB(5.0, 5.0, 5.0, 5.0),
               child: SizedBox(
-                width: 170,
-                height: 80.0,
+                width: 70,
+                height: 50.0,
                 child: ElevatedButton(
                   style: ButtonStyle(
                     shape: MaterialStateProperty.all<OutlinedBorder?>(RoundedRectangleBorder(borderRadius: BorderRadius.circular(5.0))),
diff --git a/lib/offline.dart b/lib/offline.dart
index 960e9a4..c9f9b2c 100644
--- a/lib/offline.dart
+++ b/lib/offline.dart
@@ -1,7 +1,7 @@
 /*
  * @Author       : Linloir
  * @Date         : 2022-03-05 20:41:41
- * @LastEditTime : 2022-03-06 16:22:11
+ * @LastEditTime : 2022-03-06 17:25:21
  * @Description  : Offline page
  */
 
@@ -44,15 +44,9 @@ class _OfflinePageState extends State<OfflinePage> {
           )
         ],
       ),
-      body: Column(
-        children: const <Widget>[
-          Expanded(
-            child: ValidationProvider(
-              child: WordleDisplayWidget(),
-            )
-          ),
-        ],
-      ),
+      body: const ValidationProvider(
+        child: WordleDisplayWidget(),
+      )
     );
   }
 }