diff --git a/addons/spreadsheet/static/src/components/share_button/share_button.js b/addons/spreadsheet/static/src/components/share_button/share_button.js
index 813da6d968e..13a270da2e2 100644
--- a/addons/spreadsheet/static/src/components/share_button/share_button.js
+++ b/addons/spreadsheet/static/src/components/share_button/share_button.js
@@ -19,6 +19,7 @@ export class SpreadsheetShareButton extends Component {
     static props = {
         model: { type: Model, optional: true },
         onSpreadsheetShared: Function,
+        togglerClass: { type: String, optional: true },
     };
 
     setup() {
@@ -26,6 +27,10 @@ export class SpreadsheetShareButton extends Component {
         this.state = useState({ url: undefined });
     }
 
+    get togglerClass() {
+        return ["btn btn-light", this.props.togglerClass].join(" ");
+    }
+
     async onOpened() {
         const model = this.props.model;
         await waitForDataLoaded(model);
diff --git a/addons/spreadsheet/static/src/components/share_button/share_button.xml b/addons/spreadsheet/static/src/components/share_button/share_button.xml
index 579b65b79a5..fddd2db622b 100644
--- a/addons/spreadsheet/static/src/components/share_button/share_button.xml
+++ b/addons/spreadsheet/static/src/components/share_button/share_button.xml
@@ -3,7 +3,7 @@
 
   <t t-name="spreadsheet.ShareButton">
     <Dropdown
-      togglerClass="'btn btn-light'"
+      togglerClass="togglerClass"
       menuClass="'spreadsheet_share_dropdown d-flex flex-column'"
       position="'bottom-end'"
       onOpened.bind="onOpened"