lib/presentation/views/main_menu/match_view/create_match/create_game_view.dart

@@ -297,20 +297,7 @@ class _CreateGameViewState extends State<CreateGameView> {
               // Choose color tile
               ChooseTile(
                 title: loc.color,
-                trailing: Row(
+                trailing:
-                  spacing: 8,
-                  children: [
-                    // Selected Color
-                    Container(
-                      width: 16,
-                      height: 16,
-                      margin: const EdgeInsets.only(left: 12),
-                      decoration: BoxDecoration(
-                        color: getColorFromGameColor(selectedColor!),
-                        shape: BoxShape.circle,
-                      ),
-                    ),
-
                     //Popup
                     CustomPopup(
                       showArrow: true,
@@ -399,13 +386,26 @@ class _CreateGameViewState extends State<CreateGameView> {
                           ),
                         ),
                       ),
-                      child: Text(
+                      child: Row(
+                        spacing: 8,
+                        children: [
+                          // Selected Color
+                          Container(
+                            width: 16,
+                            height: 16,
+                            margin: const EdgeInsets.only(left: 12),
+                            decoration: BoxDecoration(
+                              color: getColorFromGameColor(selectedColor!),
+                              shape: BoxShape.circle,
+                            ),
+                          ),
+                          Text(
                             translateGameColorToString(selectedColor!, context),
                           ),
-                    ),
                         ],
                       ),
                     ),
+              ),
 
               // Description input field
               Container(