diff --git a/src/includes/components/widgets.pug b/src/includes/components/widgets.pug
index c409ff245926c9b751b34eca55c9252ffb8563f5..423bbbce7ff9d704a487850aabdc143aa05bc5de 100644
--- a/src/includes/components/widgets.pug
+++ b/src/includes/components/widgets.pug
@@ -127,7 +127,7 @@ sib-widget(name='cs-resource-format-name')
 
 sib-widget(name='cs-resource-status')
   template
-    div.button_base.button_pending ${value == 'pending' ? `Pending validation` : ( value == 'to_improve' ? `Improvement required` : ( value == 'validated' ? `Validated` : `Refused` ) ) }
+    div ${await value == 'pending' ? `<div class="button_base button_pending">Pending validation</div>` : (await value == 'to_improve' ? `<div class="button_base button_improvement">Improvement required</div>` : (await value == 'validated' ? `<div class="button_base button_validated">Published</div>` : `<div class="button_base button_disputed">Refused</div>` ) ) }
 
 sib-widget(name='cs-validate-action')
   template
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 18cd59d786a440b0881b54ca3023a9778882b7ea..990a18eb9cde0ab57fde56c981e4e3972c85b429 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -1230,7 +1230,7 @@ div .tit_element_list{
         margin-bottom: 4rem;
     }
     sib-set-default[name="content"]{
-        width: 70%;
+        width: 50%;
     }
     hidden-widget{
         display: none;
@@ -1275,18 +1275,23 @@ div .contenu_list p, div .contenu_list label{
 } 
 
 sib-display-value,sib-multiple label,cs-resource-status div{
-        font-weight: bold;
-    }
+    font-weight: bold;
+}
+
 sib-multiple label{
     margin-right: 1rem;
 }
-#resources_history cs-resource-status[name="review.status"]{
+#resources_history cs-resource-status[name="review.status"] {
     width: 100%;
     display: block;
     text-align: right;
     div{
         display: inline-block;
-        font-family: "var(--typo-btn)"; 
+        font-family: "var(--typo-btn)";
+        &>div {
+            display: inline-block;
+            font-family: "var(--typo-btn)"; 
+        } 
     }
 }
 #resources_history .fas{
@@ -1307,7 +1312,48 @@ sib-multiple label, cs-resource-status[name="review.status"]+*{
     background: #5DC6F2;
     border-radius: 4px;
     border: none;
-    cursor: pointer;
+    cursor: initial;
+    &:hover{
+        background: #5DC6F2;
+        color: #FFFFFF;
+        border: none;
+    }
+}
+.button_validated{
+    color: #5DC6F2;
+    background: transparent;
+    border-radius: 4px;
+    border: 1px solid #5DC6F2;
+    cursor: initial;
+    &:hover{
+        background: transparent;
+        color: #5DC6F2;
+        border: 1px solid #5DC6F2;
+    }
+}
+.button_disputed{
+    background: rgb(16, 17, 17);
+    color: #FFFFFF;
+    border-radius: 4px;
+    border: none;
+    cursor: initial;
+    &:hover{
+        background: rgb(16, 17, 17);
+        color: #FFFFFF;
+        border: none;
+    }
+}
+.button_improvement{
+    background: rgb(83, 83, 85);
+    border-radius: 4px;
+    color: #FFFFFF;
+    border: none;
+    cursor: initial;
+    &:hover{
+        background: rgb(83, 83, 85);
+        color: #FFFFFF;
+        border: none;
+    }
 }
 #pending_resources > div sib-display[label-validate="Check ->"]>div{
     display:flex;