diff --git a/src/app/sygotchi-erstellen/sygotchi-erstellen.component.html b/src/app/sygotchi-erstellen/sygotchi-erstellen.component.html
index 56dc69d..9382551 100644
--- a/src/app/sygotchi-erstellen/sygotchi-erstellen.component.html
+++ b/src/app/sygotchi-erstellen/sygotchi-erstellen.component.html
@@ -1,5 +1,4 @@
 <div class="container_all">
-
     <aside>
         <form [formGroup]="characterForm">
             <div class="mb-3">
@@ -38,6 +37,4 @@
 
     <canvas id="canvas" height="200" width="200"></canvas>
     </main>
-
-
 </div>
diff --git a/src/app/sygotchi-erstellen/sygotchi-erstellen.component.scss b/src/app/sygotchi-erstellen/sygotchi-erstellen.component.scss
index 5d7f9eb..d47f853 100644
--- a/src/app/sygotchi-erstellen/sygotchi-erstellen.component.scss
+++ b/src/app/sygotchi-erstellen/sygotchi-erstellen.component.scss
@@ -1,25 +1,23 @@
 
 .container_all{
-    display:grid; 
-    grid-template-columns: 1fr 2fr;
-    margin: 0;
-    padding: 0;
-    height: 100vh;
-    width: 100vw;
+    display:grid;
+    grid-template-columns: 1fr 1fr;
+    padding: 50px;
+    margin-bottom: 20;
+
     main{
-        background-color: #FBD189;
+      background-color: #eeeeee;
         display: flex;
         justify-content: center;
         align-items: center;
-        
     }
     aside{
         padding: 30px;
-        background-color: #EFD3D2;
+        background-color: #e7e7e7;
        .color-container{
         display:flex;
         justify-content: space-evenly;
-        
+
        }
     }
 }
@@ -33,5 +31,5 @@
             grid-row: 2;
         }
     }
-    
-}
\ No newline at end of file
+
+}