diff --git a/.gitignore b/.gitignore
index 6808180debe..a997a074bca 100644
--- a/.gitignore
+++ b/.gitignore
@@ -39,3 +39,5 @@ active_links.json
 FormatFactorySettingsDeclaration.h
 FormatFactorySettings.h
 Settings.cpp
+
+.vscode
diff --git a/scripts/settings/autogenerate-settings.sh b/scripts/settings/autogenerate-settings.sh
index 607dfe657ff..c9467f26b5a 100755
--- a/scripts/settings/autogenerate-settings.sh
+++ b/scripts/settings/autogenerate-settings.sh
@@ -1,4 +1,4 @@
-#! ./bin/bash
+#! /bin/bash
 
 SCRIPT_NAME=$(basename "$0")
 
@@ -10,16 +10,6 @@ if [ ! -f ./clickhouse ]; then
   curl https://clickhouse.com/ | sh
 fi
 
-
-EXPERIMENTAL_NOTE=":::warning
-This feature is in experimental stage. Only intended for developers and ClickHouse enthusiasts. The feature might or might not work and could be removed at any time.
-:::"
-
-BETA_NOTE=":::note
-This feature is beta stage. The outcome of using it together with other features is unknown and correctness is not guaranteed. Testing and reports are welcome.
-:::"
-
-
 # Autogenerate Format settings
 ./clickhouse -q "
 WITH
@@ -32,8 +22,8 @@ settings_from_cpp AS
 ),
 main_content AS
 (
-    SELECT format('## {} {}\\n\\nType: {}\\n\\nDefault value: {}\\n\\n{}{}\\n\\n',
-                  name, '{#'||name||'}', type, default, multiIf(tier == 'Experimental', '${EXPERIMENTAL_NOTE}\n\n', tier == 'Beta', '${BETA_NOTE}\n\n', ''), trim(BOTH '\\n' FROM description))
+    SELECT format('## {} {}\\n{}\\n\\nType: {}\\n\\nDefault value: {}\\n\\n{}\\n\\n',
+                  name, '{#'||name||'}', multiIf(tier == 'Experimental', '<ExperimentalBadge/>', tier == 'Beta', '<BetaBadge/>', ''), type, default, trim(BOTH '\\n' FROM description))
     FROM system.settings WHERE name IN settings_from_cpp
     ORDER BY name
 ),
@@ -43,6 +33,10 @@ sidebar_label: Format Settings
 slug: /en/operations/settings/formats
 toc_max_heading_level: 2
 ---
+
+import ExperimentalBadge from \'@theme/badges/ExperimentalBadge\';
+import BetaBadge from \'@theme/badges/BetaBadge\';
+
 <!-- Autogenerated -->
 These settings are autogenerated from [source](https://github.com/ClickHouse/ClickHouse/blob/master/src/Core/FormatFactorySettings.h).
 ' AS prefix
@@ -62,8 +56,8 @@ settings_from_cpp AS
 ),
 main_content AS
 (
-    SELECT format('## {} {}\\n\\nType: {}\\n\\nDefault value: {}\\n\\n{}{}\\n\\n',
-                  name, '{#'||name||'}', type, default, multiIf(tier == 'Experimental', '${EXPERIMENTAL_NOTE}\n\n', tier == 'Beta', '${BETA_NOTE}\n\n', ''), trim(BOTH '\\n' FROM description))
+    SELECT format('## {} {}\\n{}\\n\\nType: {}\\n\\nDefault value: {}\\n\\n{}\\n\\n',
+                  name, '{#'||name||'}', multiIf(tier == 'Experimental', '<ExperimentalBadge/>', tier == 'Beta', '<BetaBadge/>', ''), type, default, replaceOne(trim(BOTH '\\n' FROM description), ' and [MaterializedMySQL](../../engines/database-engines/materialized-mysql.md)',''))
     FROM system.settings WHERE name IN settings_from_cpp
     ORDER BY name
 ),
@@ -73,6 +67,10 @@ sidebar_label: Core Settings
 slug: /en/operations/settings/settings
 toc_max_heading_level: 2
 ---
+
+import ExperimentalBadge from \'@theme/badges/ExperimentalBadge\';
+import BetaBadge from \'@theme/badges/BetaBadge\';
+
 <!-- Autogenerated -->
 All below settings are also available in table [system.settings](/docs/en/operations/system-tables/settings). These settings are autogenerated from [source](https://github.com/ClickHouse/ClickHouse/blob/master/src/Core/Settings.cpp).
 ' AS prefix
diff --git a/src/theme/badges/BetaBadge/styles.module.css b/src/theme/badges/BetaBadge/styles.module.css
index 363711560c5..8dc33eb088f 100644
--- a/src/theme/badges/BetaBadge/styles.module.css
+++ b/src/theme/badges/BetaBadge/styles.module.css
@@ -6,7 +6,9 @@
     display: flex;
     align-items: center;
     padding: 5px 12px;
-    color: #004237
+    color: #004237;
+    display: inline-flex;
+    margin-right: 5px;
 }
 
 .betaIcon svg path {
diff --git a/src/theme/badges/CloudAvailableBadge/styles.module.css b/src/theme/badges/CloudAvailableBadge/styles.module.css
index 7e9cdebb284..046ed3be771 100644
--- a/src/theme/badges/CloudAvailableBadge/styles.module.css
+++ b/src/theme/badges/CloudAvailableBadge/styles.module.css
@@ -7,6 +7,8 @@
     display: flex;
     align-items: center;
     padding: 5px 12px;  
+    display: inline-flex;
+    margin-right: 5px;
 }
 
 [data-theme='dark'] .cloudBadge {
diff --git a/src/theme/badges/CloudNotSupportedBadge/styles.module.css b/src/theme/badges/CloudNotSupportedBadge/styles.module.css
index 93b2a4e4a43..75b204bf11b 100644
--- a/src/theme/badges/CloudNotSupportedBadge/styles.module.css
+++ b/src/theme/badges/CloudNotSupportedBadge/styles.module.css
@@ -7,8 +7,8 @@
     display: flex;
     align-items: center;
     padding: 5px 12px;
-
-    
+    display: inline-flex;
+    margin-right: 5px;
 }
 
 .cloudNotSupportedIcon svg path {
diff --git a/src/theme/badges/ExperimentalBadge/styles.module.css b/src/theme/badges/ExperimentalBadge/styles.module.css
index 742dce719dd..98492a49694 100644
--- a/src/theme/badges/ExperimentalBadge/styles.module.css
+++ b/src/theme/badges/ExperimentalBadge/styles.module.css
@@ -6,6 +6,8 @@
     display: flex;
     align-items: center;
     padding: 5px 12px;
+    display: inline-flex;
+    margin-right: 5px;
 }
 
 .experimentalBadge a {
diff --git a/src/theme/badges/VersionBadge/styles.module.css b/src/theme/badges/VersionBadge/styles.module.css
index 40997ea9857..e1dd8ba5a54 100644
--- a/src/theme/badges/VersionBadge/styles.module.css
+++ b/src/theme/badges/VersionBadge/styles.module.css
@@ -7,8 +7,7 @@
     display: flex;
     align-items: center;
     padding: 5px 12px;
-
-    
+    display: inline-flex;
 }
 
 [data-theme='dark'] .versionBadge {