From a9ca49b2012e58429f0094f2aaa872501cf6819f Mon Sep 17 00:00:00 2001
From: Mountler <mikey-nihon@web.de>
Date: Mon, 2 Dec 2024 11:39:30 +0100
Subject: [PATCH] updated body proportions styling

---
 .../AvatarEditorCategoryContents/AvatarEditorBodyCategory.tsx   | 2 +-
 .../Presentation/React/ReactRelated/ReactEntryPoint/App.css     | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/Components/Core/Presentation/AvatarEditor/AvatarEditorCategories/AvatarEditorCategoryContents/AvatarEditorBodyCategory.tsx b/src/Components/Core/Presentation/AvatarEditor/AvatarEditorCategories/AvatarEditorCategoryContents/AvatarEditorBodyCategory.tsx
index c1a6122a..80b100ad 100644
--- a/src/Components/Core/Presentation/AvatarEditor/AvatarEditorCategories/AvatarEditorCategoryContents/AvatarEditorBodyCategory.tsx
+++ b/src/Components/Core/Presentation/AvatarEditor/AvatarEditorCategories/AvatarEditorCategoryContents/AvatarEditorBodyCategory.tsx
@@ -17,7 +17,7 @@ export default function AvatarEditorBodyCategory(
   const [skinColor, setSkinColor] = useState(AvatarColorPalette[0]);
 
   return (
-    <div className="flex flex-col items-center">
+    <div className="flex flex-col">
       <div className="pb-2 border-b border-gray-500">
         <h1 className="text-2xl font-bold">{translate("bodyColorTitle")}</h1>
       </div>
diff --git a/src/Components/Core/Presentation/React/ReactRelated/ReactEntryPoint/App.css b/src/Components/Core/Presentation/React/ReactRelated/ReactEntryPoint/App.css
index da2cb9ce..41a6dceb 100644
--- a/src/Components/Core/Presentation/React/ReactRelated/ReactEntryPoint/App.css
+++ b/src/Components/Core/Presentation/React/ReactRelated/ReactEntryPoint/App.css
@@ -207,6 +207,7 @@ body {
 
 .bodyProportionContainer {
   display: grid;
+  width: 100%;
   grid-template-columns: auto 1fr;
   column-gap: 10px;
   row-gap: 20px;