diff --git a/src/components/manage/Toolbar/Toolbar.jsx b/src/components/manage/Toolbar/Toolbar.jsx
index 133b44c98f..ae022315ac 100644
--- a/src/components/manage/Toolbar/Toolbar.jsx
+++ b/src/components/manage/Toolbar/Toolbar.jsx
@@ -590,7 +590,7 @@ class Toolbar extends Component {
                 aria-label={this.props.intl.formatMessage(
                   messages.shrinkToolbar,
                 )}
-                className={cx({
+                className={cx('toolbar-handler-button', {
                   [this.props.content?.review_state]:
                     this.props.content?.review_state,
                 })}
diff --git a/src/components/manage/Toolbar/__snapshots__/Toolbar.test.jsx.snap b/src/components/manage/Toolbar/__snapshots__/Toolbar.test.jsx.snap
index 0d471fcf2b..ce6c7adde4 100644
--- a/src/components/manage/Toolbar/__snapshots__/Toolbar.test.jsx.snap
+++ b/src/components/manage/Toolbar/__snapshots__/Toolbar.test.jsx.snap
@@ -183,7 +183,7 @@ Array [
     >
       <button
         aria-label="Shrink toolbar"
-        className=""
+        className="toolbar-handler-button"
         onClick={[Function]}
       />
     </div>
@@ -377,7 +377,7 @@ Array [
     >
       <button
         aria-label="Shrink toolbar"
-        className=""
+        className="toolbar-handler-button"
         onClick={[Function]}
       />
     </div>
diff --git a/theme/themes/pastanaga/extras/toolbar.less b/theme/themes/pastanaga/extras/toolbar.less
index b934d7148e..0f91328f7e 100644
--- a/theme/themes/pastanaga/extras/toolbar.less
+++ b/theme/themes/pastanaga/extras/toolbar.less
@@ -129,7 +129,7 @@ body:not(.has-sidebar):not(.has-sidebar-collapsed) {
     }
 
     .toolbar-handler {
-      button {
+      .toolbar-handler-button {
         opacity: 0.3;
       }
 
@@ -243,7 +243,7 @@ body:not(.has-sidebar):not(.has-sidebar-collapsed) {
       width: 100%;
       justify-content: center;
 
-      button {
+      .toolbar-handler-button {
         width: @toolbarWidth;
         height: 20px;
         padding: 0;
@@ -428,7 +428,7 @@ body:not(.has-sidebar):not(.has-sidebar-collapsed) {
         flex-direction: column;
         justify-content: center;
 
-        button {
+        .toolbar-handler-button {
           width: @toolbarWidthMin;
           height: @toolbarWidth;
 
@@ -752,3 +752,10 @@ body:not(.has-sidebar):not(.has-sidebar-collapsed) {
   }
 }
 // End Orphaned CSS
+
+// Toolbar handler color in homepage
+.contenttype-plone-site {
+  #toolbar .toolbar-handler .toolbar-handler-button:before {
+    background: @teal-blue;
+  }
+}