diff --git a/apps/client/src/widgets/ribbon/NoteInfoTab.tsx b/apps/client/src/widgets/ribbon/NoteInfoTab.tsx
index 8e2cfba0c..2fb9daa80 100644
--- a/apps/client/src/widgets/ribbon/NoteInfoTab.tsx
+++ b/apps/client/src/widgets/ribbon/NoteInfoTab.tsx
@@ -62,7 +62,6 @@ export default function NoteInfoTab({ note }: TabContext) {
                             {!isLoading && !noteSizeResponse && !subtreeSizeResponse && (
                                 <Button
                                     className="calculate-button"
-                                    style={{ padding: "0px 10px 0px 10px" }}
                                     icon="bx bx-calculator"
                                     text={t("note_info_widget.calculate")}
                                     onClick={() => {
diff --git a/apps/client/src/widgets/ribbon/style.css b/apps/client/src/widgets/ribbon/style.css
index 5e7b98d3a..f47c6d662 100644
--- a/apps/client/src/widgets/ribbon/style.css
+++ b/apps/client/src/widgets/ribbon/style.css
@@ -189,6 +189,10 @@
     font-size: 0.8em;
     vertical-align: middle !important;
 }
+
+.note-info-widget .calculate-button {
+    padding: 0 10px;
+}
 /* #endregion */
 
 /* #region Similar Notes */