diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 0af2402db..c7fa9bfbb 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -44,6 +44,8 @@ Although the scope is optional but it is recommended to include the scope so tha
 - `fix(no-release): responsive issue for xxx`
   - the `no-release` scope will not trigger a release
 
+For breaking changes, add `!` after `<type>(Scope)` or add `BREAKING CHANGE: description.`/`BREAKING CHANGES: description.`
+
 ## <a name="website"></a> Contribute to the core website
 
 This website is built from <a href="https://www.gatsbyjs.org/">Gatsby</a> framework.
diff --git a/release.config.js b/release.config.js
index 58338f5e1..f7e02a720 100644
--- a/release.config.js
+++ b/release.config.js
@@ -15,7 +15,7 @@ module.exports = {
         preset: "conventionalcommits",
         releaseRules: "./semantic-release-rules.js",
         parserOpts: {
-          noteKeywords: ["BREAKING CHANGE", "BREAKING CHANGES"]
+          noteKeywords: ["BREAKING CHANGE", "BREAKING-CHANGE", "BREAKING CHANGES"]
         }
       }
     ],
diff --git a/semantic-release-rules.js b/semantic-release-rules.js
index e9a0222f4..ed1fffeb5 100644
--- a/semantic-release-rules.js
+++ b/semantic-release-rules.js
@@ -1,4 +1,7 @@
 module.exports = [
+  { breaking: true, release: "major" },
+  { tag: 'Breaking', release: 'major' },
+  { revert: true, release: "patch" },
   { type: "feat", release: "minor" },
   { type: "fix", release: "patch" },
   { type: "perf", release: "patch" },
@@ -10,8 +13,6 @@ module.exports = [
   { type: "test", release: "patch" },
   { type: "build", release: "patch" },
   { type: "ci", release: "patch" },
-  { breaking: true, release: "major" },
-  { revert: true, release: "patch" },
   { type: "chore", release: false },
   { scope: "no-release", release: false }
 ];
diff --git a/src/components/visualisation/visUtils.jsx b/src/components/visualisation/visUtils.jsx
index e84e30df4..cd956c364 100644
--- a/src/components/visualisation/visUtils.jsx
+++ b/src/components/visualisation/visUtils.jsx
@@ -129,6 +129,7 @@ const VisUtils = React.memo(({ tagMenu, handleTagMenu, tags }) => {
           menu="Tag menu"
           minFontSize={0.97}
           maxFontSize={2.8}
+          padding="1px 3px"
           colour={[
             "#808080",
             "#ff5e5e",