diff --git a/lib/main.dart b/lib/main.dart
index 4249243..67d9d43 100644
--- a/lib/main.dart
+++ b/lib/main.dart
@@ -835,95 +835,99 @@ class _GamePageState extends State<GamePage> {
   Widget build(BuildContext context) {
     final size = MediaQuery.of(context).size;
 
-    return Scaffold(
-      body: SizedBox(
-        width: size.width,
-        height: size.height,
-        child: Stack(
-          children: [
-            InteractiveViewer(
-              constrained: false,
-              boundaryMargin: const EdgeInsets.all(800),
-              maxScale: 0.8,
-              minScale: 0.4,
-              child: isGuesser ? _generateGameField() : _generateStaticField(),
-            ),
-            Positioned(
-              bottom: 0,
-              right: 0,
-              child: InkResponse(
-                onTap: _openChat,
-                child: Container(
-                  width: 50,
-                  height: 50,
-                  decoration: const BoxDecoration(
-                    color: Colors.amberAccent,
-                    borderRadius:
-                        BorderRadius.only(topLeft: Radius.circular(25)),
-                  ),
-                  child: const Icon(
-                    Icons.message,
-                    color: Colors.black,
-                  ),
-                ),
+    return SafeArea(
+      child: Scaffold(
+        body: SizedBox(
+          width: size.width,
+          height: size.height,
+          child: Stack(
+            children: [
+              InteractiveViewer(
+                constrained: false,
+                boundaryMargin: const EdgeInsets.all(800),
+                maxScale: 0.8,
+                minScale: 0.4,
+                child:
+                    isGuesser ? _generateGameField() : _generateStaticField(),
               ),
-            ),
-            Positioned(
-              top: 0,
-              right: 0,
-              child: InkResponse(
-                onTap: _leaveGame,
-                child: Container(
-                  width: 50,
-                  height: 50,
-                  decoration: const BoxDecoration(
-                    color: Colors.redAccent,
-                    borderRadius:
-                        BorderRadius.only(bottomLeft: Radius.circular(25)),
-                  ),
-                  child: const Icon(
-                    Icons.close,
-                    color: Colors.black,
-                  ),
-                ),
-              ),
-            ),
-            if (!isGuesser)
               Positioned(
                 bottom: 0,
-                left: 0,
+                right: 0,
                 child: InkResponse(
-                  onTap: _openColorsCard,
+                  onTap: _openChat,
                   child: Container(
                     width: 50,
                     height: 50,
                     decoration: const BoxDecoration(
-                      color: Colors.greenAccent,
+                      color: Colors.amberAccent,
                       borderRadius:
-                          BorderRadius.only(topRight: Radius.circular(25)),
+                          BorderRadius.only(topLeft: Radius.circular(25)),
                     ),
                     child: const Icon(
-                      Icons.content_copy_rounded,
+                      Icons.message,
                       color: Colors.black,
                     ),
                   ),
                 ),
               ),
-            Positioned(
-              top: 0,
-              left: 0,
-              child: Container(
-                height: 50,
-                width: 50,
-                decoration: const BoxDecoration(
-                  color: Colors.black,
-                  borderRadius:
-                      BorderRadius.only(bottomRight: Radius.circular(25)),
+              Positioned(
+                top: 0,
+                right: 0,
+                child: InkResponse(
+                  onTap: _leaveGame,
+                  child: Container(
+                    width: 50,
+                    height: 50,
+                    decoration: const BoxDecoration(
+                      color: Colors.redAccent,
+                      borderRadius:
+                          BorderRadius.only(bottomLeft: Radius.circular(25)),
+                    ),
+                    child: const Icon(
+                      Icons.close,
+                      color: Colors.black,
+                    ),
+                  ),
                 ),
-                child: Obx(() => Text("${10 - guessedColors.length}/10")),
               ),
-            ),
-          ],
+              if (!isGuesser)
+                Positioned(
+                  bottom: 0,
+                  left: 0,
+                  child: InkResponse(
+                    onTap: _openColorsCard,
+                    child: Container(
+                      width: 50,
+                      height: 50,
+                      decoration: const BoxDecoration(
+                        color: Colors.greenAccent,
+                        borderRadius:
+                            BorderRadius.only(topRight: Radius.circular(25)),
+                      ),
+                      child: const Icon(
+                        Icons.content_copy_rounded,
+                        color: Colors.black,
+                      ),
+                    ),
+                  ),
+                ),
+              Positioned(
+                top: 0,
+                left: 0,
+                child: Container(
+                  height: 50,
+                  width: 50,
+                  alignment: Alignment.center,
+                  decoration: const BoxDecoration(
+                    color: Colors.black,
+                    borderRadius:
+                        BorderRadius.only(bottomRight: Radius.circular(25)),
+                  ),
+                  child: Obx(() => Text("${10 - guessedColors.length}/10")),
+                ),
+              ),
+            ],
+          ),
         ),
       ),
     );