diff --git a/lib/main.dart b/lib/main.dart
index c068436..3c2eb02 100644
--- a/lib/main.dart
+++ b/lib/main.dart
@@ -18,47 +18,64 @@ class GameBoard extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
+    var text = "hello test lalala";
     return Row(
-      mainAxisAlignment: MainAxisAlignment.spaceEvenly,
-      crossAxisAlignment: CrossAxisAlignment.stretch,
+      mainAxisAlignment: MainAxisAlignment.center,
+      crossAxisAlignment: CrossAxisAlignment.center,
       children: [
         // Player 1 Goal
-        Column(children: [Center(child: Text(" P1 "))]),
+        Column(
+          children: [Center(child: BoardSpot(text: "P1"))],
+        ),
         // Center holes
         Column(
           spacing: 2,
           children: [
             Row(
               spacing: 2,
-              mainAxisAlignment: MainAxisAlignment.spaceEvenly,
-              crossAxisAlignment: CrossAxisAlignment.stretch,
+              mainAxisAlignment: MainAxisAlignment.center,
+              crossAxisAlignment: CrossAxisAlignment.center,
               children: [
-                Column(children: [Text(" 0,0 ")]),
-                Column(children: [Text(" 1,0 ")]),
-                Column(children: [Text(" 2,0 ")]),
-                Column(children: [Text(" 3,0 ")]),
-                Column(children: [Text(" 4,0 ")]),
-                Column(children: [Text(" 5,0 ")]),
+                Column(children: [BoardSpot(text: "0,0")]),
+                Column(children: [BoardSpot(text: "1,0")]),
+                Column(children: [BoardSpot(text: "2,0")]),
+                Column(children: [BoardSpot(text: "3,0")]),
+                Column(children: [BoardSpot(text: "4,0")]),
+                Column(children: [BoardSpot(text: "5,0")]),
               ],
             ),
             Row(
               spacing: 2,
-              mainAxisAlignment: MainAxisAlignment.spaceEvenly,
-              crossAxisAlignment: CrossAxisAlignment.stretch,
+              mainAxisAlignment: MainAxisAlignment.center,
+              crossAxisAlignment: CrossAxisAlignment.center,
               children: [
-                Column(children: [Text(" 0,1 ")]),
-                Column(children: [Text(" 1,1 ")]),
-                Column(children: [Text(" 2,1 ")]),
-                Column(children: [Text(" 3,1 ")]),
-                Column(children: [Text(" 4,1 ")]),
-                Column(children: [Text(" 5,1 ")]),
+                Column(children: [BoardSpot(text: "0,1")]),
+                Column(children: [BoardSpot(text: "1,1")]),
+                Column(children: [BoardSpot(text: "2,1")]),
+                Column(children: [BoardSpot(text: "3,1")]),
+                Column(children: [BoardSpot(text: "4,1")]),
+                Column(children: [BoardSpot(text: "5,1")]),
               ],
             ),
+            BoardSpot(text: text),
           ],
         ),
         // Player 2 Goal
-        Column(children: [Center(child: Text(" P2 "))]),
+        Column(
+          children: [Center(child: BoardSpot(text: "P2"))],
+        ),
       ],
     );
   }
 }
+
+class BoardSpot extends StatelessWidget {
+  const BoardSpot({super.key, required this.text});
+
+  final String text;
+
+  @override
+  Widget build(BuildContext context) {
+    return SizedBox(width: 25.0, height: 25.0, child: Text(text));
+  }
+}