diff --git a/v1-com-officielle/src/assets/style.css b/v1-com-officielle/src/assets/style.css
index 2fbb8ad..991eecd 100644
--- a/v1-com-officielle/src/assets/style.css
+++ b/v1-com-officielle/src/assets/style.css
@@ -3,7 +3,7 @@
 :root[data-theme="dark"]{
   --back-color: black;
   --main-color: white;
-  --accent-color: #00FF76;
+  --accent-color: #3CFF00;
 }
 
 :root[data-theme="light"]{
@@ -225,6 +225,7 @@ canvas {
   border-width: thin;
   border-radius: 21px;
   border-color: var(--main-color);
+  overflow: hidden;
 }
 
 .zBase{
@@ -241,7 +242,7 @@ canvas {
   width:100%;
   height:50px;
   background-color: var(--main-color);
-  border-radius: 16.1px 16.1px 0 0;
+  border-radius: 0;
   font-family: 'lineal';
   font-size: 16.1px;
   color: var(--back-color);
diff --git a/v1-com-officielle/src/components/TitleContent.vue b/v1-com-officielle/src/components/TitleContent.vue
index 4d5ad70..85b50b4 100644
--- a/v1-com-officielle/src/components/TitleContent.vue
+++ b/v1-com-officielle/src/components/TitleContent.vue
@@ -3,7 +3,6 @@
       <PlayerDiv></PlayerDiv>
       <GeneratedDiv></GeneratedDiv>
       <TitleTextDiv></TitleTextDiv>
-      <ColorPan></ColorPan>
     </div>
 </template>
 
diff --git a/v1-com-officielle/src/indieComponents/ArtistPannel.vue b/v1-com-officielle/src/indieComponents/ArtistPannel.vue
index 4262f80..12c91b8 100644
--- a/v1-com-officielle/src/indieComponents/ArtistPannel.vue
+++ b/v1-com-officielle/src/indieComponents/ArtistPannel.vue
@@ -207,7 +207,8 @@
     }
     .selectedItemStyle .itemCaption{
       color: var(--accent-color);
-      font-family: 'lineal'
+      font-family: 'lineal';
+      font-weight: normal;
     }
 
   /*================ PC LARGE*/
diff --git a/v1-com-officielle/src/infoComponents/InboxContent.vue b/v1-com-officielle/src/infoComponents/InboxContent.vue
index 0139f86..7a0f17b 100644
--- a/v1-com-officielle/src/infoComponents/InboxContent.vue
+++ b/v1-com-officielle/src/infoComponents/InboxContent.vue
@@ -114,6 +114,7 @@
     color: var(--accent-color);
     border-color: var(--accent-color);
     font-family: 'lineal';
+    font-weight: normal;
   }
   .selectedStyle .msgTitle{
     opacity: 1;
@@ -121,6 +122,7 @@
 
   .unreadStyle{
     font-family: 'lineal';
+    font-weight: normal;
   }
   .unreadStyle .msgTitle{
     opacity: 1;
diff --git a/v1-com-officielle/src/titleComponents/ColorBtn.vue b/v1-com-officielle/src/titleComponents/ColorBtn.vue
index 6671b8b..461f76f 100644
--- a/v1-com-officielle/src/titleComponents/ColorBtn.vue
+++ b/v1-com-officielle/src/titleComponents/ColorBtn.vue
@@ -30,14 +30,14 @@
   #colorBtnContainer{
     position:absolute;
     right: -16.1px;
-    top: 222px;
+    top: 161px;
     height: 117px;
     width: 77px;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: space-around;
-    z-index: 333;
+    z-index: 0;
   }
 
   .checkedIcon{
@@ -103,7 +103,7 @@
     #colorBtnContainer{
       right: unset;
       left: -3.33px;
-      top: 444px;
+      top: 333px;
     }
   }
 </style>
diff --git a/v1-com-officielle/src/titleComponents/GeneratedContent.vue b/v1-com-officielle/src/titleComponents/GeneratedContent.vue
index 8d7255f..695ad9e 100644
--- a/v1-com-officielle/src/titleComponents/GeneratedContent.vue
+++ b/v1-com-officielle/src/titleComponents/GeneratedContent.vue
@@ -1,6 +1,6 @@
 <template>
     <div id="generatedContainer">
-
+      <ColorPan></ColorPan>
     </div>
 </template>