diff --git a/src/apps/settings/src/app/views/Styles/Styles.js b/src/apps/settings/src/app/views/Styles/Styles.js
index 96fc8dabb9..f4fbc3b092 100644
--- a/src/apps/settings/src/app/views/Styles/Styles.js
+++ b/src/apps/settings/src/app/views/Styles/Styles.js
@@ -22,6 +22,7 @@ import { saveStyleVariable } from "shell/store/settings";
import CloseIcon from "@mui/icons-material/Close";
import styles from "./Styles.less";
+import { useMetaKey } from "../../../../../../shell/hooks/useMetaKey";
export default connect((state) => {
return {
@@ -36,6 +37,7 @@ export default connect((state) => {
const [fonts, setFonts] = useState([]);
const [imageModal, setImageModal] = useState();
+ const helperText = useMetaKey("s", saveSettings);
// Set Fields and Field Values from store/URL
useEffect(() => {
const category = props.match.params.category
@@ -351,7 +353,7 @@ export default connect((state) => {
disabled={saving || dirtyFields.length === 0}
startIcon={saving ? : }
>
- Save Settings
+ Save Settings {helperText}
>
);