diff --git a/packages/blog-starter-kit/themes/enterprise/components/header.tsx b/packages/blog-starter-kit/themes/enterprise/components/header.tsx
index 661912c5..66ae3499 100644
--- a/packages/blog-starter-kit/themes/enterprise/components/header.tsx
+++ b/packages/blog-starter-kit/themes/enterprise/components/header.tsx
@@ -16,8 +16,8 @@ import {
 	CaseStudiesSVG,
 	CommunitySVG,
 	ContactSVG,
-  ContributeSVG,
-	CustomChatbotsSVG,
+	ContributeSVG,
+	CustomChatbotSVG,
 	DocsNavSVG,
 	EnterpriseSVG,
 	EventsSVG,
@@ -114,7 +114,7 @@ const sol2 = [
 		name: 'Custom Chatbots',
 		description: 'Connect agents with chat interfaces',
 		href: 'https://docs.mindsdb.com/mindsdb_sql/agents/chatbot',
-		Icon: <CustomChatbotsSVG />,
+		Icon: <CustomChatbotSVG />,
 	},
 	{
 		name: 'Forecasting',
diff --git a/packages/blog-starter-kit/themes/enterprise/components/icons/svgs/NavbarIcons/AIAgentsSVG.js b/packages/blog-starter-kit/themes/enterprise/components/icons/svgs/NavbarIcons/AIAgentsSVG.js
index e19f86bb..f106591a 100644
--- a/packages/blog-starter-kit/themes/enterprise/components/icons/svgs/NavbarIcons/AIAgentsSVG.js
+++ b/packages/blog-starter-kit/themes/enterprise/components/icons/svgs/NavbarIcons/AIAgentsSVG.js
@@ -9,6 +9,7 @@ export default class AIAgentsSVG extends React.Component {
 				height="24"
 				viewBox="0 0 24 24"
 				fill="none"
+				className={this.props.className}
 			>
 				<path
 					d="M4 13.6724V14.1724H4.5V13.6724H4ZM4 16.3621H4.5V15.8621H4V16.3621ZM20 16.3621V15.8621H19.5V16.3621H20ZM20 13.6724H19.5V14.1724H20V13.6724ZM7 22.5H6.5C6.5 22.6894 6.607 22.8625 6.77639 22.9472C6.94579 23.0319 7.14849 23.0136 7.3 22.9L7 22.5ZM10.7333 19.7L11.0333 20.1L10.7333 19.7ZM3.5 9.5V13.6724H4.5V9.5H3.5ZM4 13.1724H3V14.1724H4V13.1724ZM1.5 14.6724V15.3621H2.5V14.6724H1.5ZM3 16.8621H4V15.8621H3V16.8621ZM3.5 16.3621V17.5H4.5V16.3621H3.5ZM20.5 17.5V16.3621H19.5V17.5H20.5ZM20 16.8621H21V15.8621H20V16.8621ZM22.5 15.3621V14.6724H21.5V15.3621H22.5ZM21 13.1724H20V14.1724H21V13.1724ZM20.5 13.6724V9.5H19.5V13.6724H20.5ZM17 6H7V7H17V6ZM11.3333 20H18V19H11.3333V20ZM6.5 20.5V22.5H7.5V20.5H6.5ZM7.3 22.9L11.0333 20.1L10.4333 19.3L6.7 22.1L7.3 22.9ZM6 20C6.27614 20 6.5 20.2239 6.5 20.5H7.5C7.5 19.6716 6.82843 19 6 19V20ZM22.5 14.6724C22.5 13.844 21.8284 13.1724 21 13.1724V14.1724C21.2761 14.1724 21.5 14.3963 21.5 14.6724H22.5ZM21 16.8621C21.8284 16.8621 22.5 16.1905 22.5 15.3621H21.5C21.5 15.6382 21.2761 15.8621 21 15.8621V16.8621ZM19.5 17.5C19.5 18.3284 18.8284 19 18 19V20C19.3807 20 20.5 18.8807 20.5 17.5H19.5ZM1.5 15.3621C1.5 16.1905 2.17157 16.8621 3 16.8621V15.8621C2.72386 15.8621 2.5 15.6382 2.5 15.3621H1.5ZM11.3333 19C11.0088 19 10.693 19.1053 10.4333 19.3L11.0333 20.1C11.1199 20.0351 11.2251 20 11.3333 20V19ZM3 13.1724C2.17157 13.1724 1.5 13.844 1.5 14.6724H2.5C2.5 14.3963 2.72386 14.1724 3 14.1724V13.1724ZM3.5 17.5C3.5 18.8807 4.61929 20 6 20V19C5.17157 19 4.5 18.3284 4.5 17.5H3.5ZM20.5 9.5C20.5 7.56701 18.933 6 17 6V7C18.3807 7 19.5 8.11929 19.5 9.5H20.5ZM4.5 9.5C4.5 8.11929 5.61929 7 7 7V6C5.067 6 3.5 7.567 3.5 9.5H4.5Z"
diff --git a/packages/blog-starter-kit/themes/enterprise/components/icons/svgs/NavbarIcons/ContributeSVG.js b/packages/blog-starter-kit/themes/enterprise/components/icons/svgs/NavbarIcons/ContributeSVG.js
index 2e9672af..84b4204b 100644
--- a/packages/blog-starter-kit/themes/enterprise/components/icons/svgs/NavbarIcons/ContributeSVG.js
+++ b/packages/blog-starter-kit/themes/enterprise/components/icons/svgs/NavbarIcons/ContributeSVG.js
@@ -9,6 +9,7 @@ export default class ContributeSVG extends React.Component {
 				height="24"
 				viewBox="0 0 24 24"
 				fill="none"
+				className={this.props.className}
 			>
 				<path
 					fill-rule="evenodd"
diff --git a/packages/blog-starter-kit/themes/enterprise/components/icons/svgs/NavbarIcons/CustomChatbotsSVG.JS b/packages/blog-starter-kit/themes/enterprise/components/icons/svgs/NavbarIcons/CustomChatbotSVG.js
similarity index 99%
rename from packages/blog-starter-kit/themes/enterprise/components/icons/svgs/NavbarIcons/CustomChatbotsSVG.JS
rename to packages/blog-starter-kit/themes/enterprise/components/icons/svgs/NavbarIcons/CustomChatbotSVG.js
index 8201d4d4..5e653b20 100644
--- a/packages/blog-starter-kit/themes/enterprise/components/icons/svgs/NavbarIcons/CustomChatbotsSVG.JS
+++ b/packages/blog-starter-kit/themes/enterprise/components/icons/svgs/NavbarIcons/CustomChatbotSVG.js
@@ -9,6 +9,7 @@ export default class CustomChatbotsSVG extends React.Component {
 				height="24"
 				viewBox="0 0 40 40"
 				fill="none"
+				className={this.props.className}
 			>
 				<path
 					d="M31.3752 15.0001H25.2501V10.625C25.2494 9.92911 24.9726 9.26171 24.4806 8.76956C23.9884 8.27756 23.321 8.0008 22.6251 8H8.62502C7.92911 8.00078 7.26171 8.27754 6.76956 8.76956C6.27756 9.26175 6.0008 9.92911 6 10.625V21.1251C6.00078 21.821 6.27754 22.4884 6.76956 22.9806C7.26175 23.4726 7.92911 23.7493 8.62502 23.7501H9.13772L10.6313 25.2437H10.6315C10.7955 25.4077 11.018 25.4999 11.25 25.4999C11.4821 25.4999 11.7045 25.4077 11.8686 25.2437L13.3624 23.7501H14.7501V28.1252C14.7508 28.8211 15.0276 29.4885 15.5196 29.9806C16.0118 30.4726 16.6792 30.7494 17.3751 30.7502H26.6377L28.1312 32.2437H28.1314C28.2955 32.4078 28.5179 32.5 28.75 32.5C28.982 32.5 29.2045 32.4078 29.3685 32.2437L30.8623 30.7502H31.375C32.0709 30.7494 32.7383 30.4726 33.2304 29.9806C33.7224 29.4884 33.9992 28.8211 34 28.1252V17.6251C33.9992 16.9292 33.7225 16.2618 33.2304 15.7696C32.7383 15.2776 32.0709 15.0009 31.375 15.0001H31.3752ZM13.0001 22.0001C12.768 22.0001 12.5456 22.0923 12.3815 22.2566L11.25 23.3878L10.1186 22.2566C9.95452 22.0923 9.73205 22.0001 9.50003 22.0001H8.62502C8.39299 22.0001 8.17033 21.9079 8.00627 21.7439C7.8422 21.5798 7.75001 21.3571 7.75001 21.1251V10.625C7.75001 10.393 7.8422 10.1703 8.00627 10.0063C8.17033 9.8422 8.39299 9.75001 8.62502 9.75001H22.6251C22.8572 9.75001 23.0798 9.8422 23.2439 10.0063C23.4079 10.1703 23.5001 10.393 23.5001 10.625V21.1251C23.5001 21.3571 23.4079 21.5798 23.2439 21.7439C23.0798 21.9079 22.8572 22.0001 22.6251 22.0001H13.0001ZM32.2502 28.1252C32.2502 28.3572 32.158 28.5798 31.9939 28.7439C31.8299 28.908 31.6072 29.0002 31.3752 29.0002H30.5002C30.2682 29.0002 30.0457 29.0923 29.8816 29.2566L28.7502 30.3879L27.6187 29.2564V29.2566C27.4547 29.0923 27.2322 29.0002 27.0002 29.0002H17.3751C17.1431 29.0002 16.9204 28.908 16.7563 28.7439C16.5923 28.5798 16.5001 28.3572 16.5001 28.1251V23.7501H22.6251C23.321 23.7493 23.9884 23.4726 24.4806 22.9806C24.9726 22.4884 25.2493 21.821 25.2501 21.1251V16.7501H31.3752C31.6072 16.7501 31.8299 16.8423 31.9939 17.0063C32.158 17.1704 32.2502 17.393 32.2502 17.6251V28.1252Z"
diff --git a/packages/blog-starter-kit/themes/enterprise/components/icons/svgs/NavbarIcons/FineTuningSVG.js b/packages/blog-starter-kit/themes/enterprise/components/icons/svgs/NavbarIcons/FineTuningSVG.js
index fccaf056..41b9bb2e 100644
--- a/packages/blog-starter-kit/themes/enterprise/components/icons/svgs/NavbarIcons/FineTuningSVG.js
+++ b/packages/blog-starter-kit/themes/enterprise/components/icons/svgs/NavbarIcons/FineTuningSVG.js
@@ -9,6 +9,7 @@ export default class FineTuningSVG extends React.Component {
 				viewBox="0 0 29 29"
 				fill="none"
 				xmlns="http://www.w3.org/2000/svg"
+				className={this.props.className}
 			>
 				<path
 					d="M14.8 2.60001C14.7 2.40001 14.5 2.30001 14.4 2.10001C13.5 1.10001 12.2 0.600006 10.8 0.600006C8.6 0.600006 6.6 2.00001 6 4.10001C3.6 5.10001 2 7.40001 2 10C2 11.4 2.5 12.7 3.2 13.8C2.6 14.6 2.2 15.6 2.2 16.6C2.2 18.3 3.2 19.8 4.7 20.5C4.6 20.8 4.5 21.3 4.5 21.7C4.5 23.7 6.3 25.3 8.3 25.3C8.7 26.9 10.1 28 11.8 28C12.8 28 13.7 27.7 14.4 27C14.5 26.9 14.7 26.7 14.8 26.5L14.9 26.4V2.70001L14.8 2.60001ZM13.8 26.1C13.3 26.7 12.6 27 11.8 27C10.5 27 9.4 26 9.2 24.7L9.1 24.2L8.7 24.3C7.1 24.6 5.6 23.3 5.6 21.7C5.6 21.2 5.7 20.8 5.9 20.4L6.2 19.9L5.6 19.8C4.3 19.3 3.3 18 3.3 16.6C3.3 15.8 3.7 14.9 4.2 14.3L4.3 14.2L4.6 13.9L4.3 13.5C4.2 13.4 4.2 13.4 4.1 13.3C3.3 12.3 3 11.2 3 10C3 7.70001 4.4 5.70001 6.6 4.90001L6.8 4.80001V4.60001C7.3 2.80001 8.9 1.60001 10.7 1.60001C11.9 1.60001 13 2.20001 13.8 3.10001V26.1Z"
diff --git a/packages/blog-starter-kit/themes/enterprise/components/icons/svgs/NavbarIcons/ForecastingSVG.js b/packages/blog-starter-kit/themes/enterprise/components/icons/svgs/NavbarIcons/ForecastingSVG.js
index a2259c96..3234563d 100644
--- a/packages/blog-starter-kit/themes/enterprise/components/icons/svgs/NavbarIcons/ForecastingSVG.js
+++ b/packages/blog-starter-kit/themes/enterprise/components/icons/svgs/NavbarIcons/ForecastingSVG.js
@@ -9,6 +9,7 @@ export default class ForecastingSVG extends React.Component {
 				viewBox="0 0 29 29"
 				fill="none"
 				xmlns="http://www.w3.org/2000/svg"
+				className={this.props.className}
 			>
 				<path
 					d="M26 8.20001H21.5C21 8.20001 20.6 8.60001 20.6 9.10001V26.1C20.6 26.6 21 27 21.5 27H26C26.5 27 26.9 26.6 26.9 26.1V9.00001C26.9 8.60001 26.5 8.20001 26 8.20001Z"
diff --git a/packages/blog-starter-kit/themes/enterprise/components/icons/svgs/NavbarIcons/SemanticSearchSVG.js b/packages/blog-starter-kit/themes/enterprise/components/icons/svgs/NavbarIcons/SemanticSearchSVG.js
index 4790dfdf..4be1dc66 100644
--- a/packages/blog-starter-kit/themes/enterprise/components/icons/svgs/NavbarIcons/SemanticSearchSVG.js
+++ b/packages/blog-starter-kit/themes/enterprise/components/icons/svgs/NavbarIcons/SemanticSearchSVG.js
@@ -9,6 +9,7 @@ export default class SemanticSearchSVG extends React.Component {
 				height="24"
 				viewBox="0 0 24 24"
 				fill="none"
+				className={this.props.className}
 			>
 				<path d="M14.4121 14.4121L20 20" stroke="#4F4D55" stroke-linecap="round" />
 				<path
diff --git a/packages/blog-starter-kit/themes/enterprise/components/icons/svgs/NavbarIcons/TextProcessingSVG.js b/packages/blog-starter-kit/themes/enterprise/components/icons/svgs/NavbarIcons/TextProcessingSVG.js
index 0b31460c..1b38fd8d 100644
--- a/packages/blog-starter-kit/themes/enterprise/components/icons/svgs/NavbarIcons/TextProcessingSVG.js
+++ b/packages/blog-starter-kit/themes/enterprise/components/icons/svgs/NavbarIcons/TextProcessingSVG.js
@@ -9,6 +9,7 @@ export default class TextProcessingSVG extends React.Component {
 				height="24"
 				viewBox="0 0 25 24"
 				fill="none"
+				className={this.props.className}
 			>
 				<path
 					fill-rule="evenodd"
diff --git a/packages/blog-starter-kit/themes/enterprise/components/icons/svgs/index.js b/packages/blog-starter-kit/themes/enterprise/components/icons/svgs/index.js
index 41dd2a3b..77044ac5 100644
--- a/packages/blog-starter-kit/themes/enterprise/components/icons/svgs/index.js
+++ b/packages/blog-starter-kit/themes/enterprise/components/icons/svgs/index.js
@@ -16,7 +16,7 @@ import CloudNavBarSVG from './NavbarIcons/CloudNavBar';
 import CommunitySVG from './NavbarIcons/CommunitySVG';
 import ContactSVG from './NavbarIcons/ContactSVG';
 import ContributeSVG from './NavbarIcons/ContributeSVG';
-import CustomChatbotsSVG from './NavbarIcons/CustomChatbotsSVG';
+import CustomChatbotSVG from './NavbarIcons/CustomChatbotSVG';
 import DocsNavSVG from './NavbarIcons/DocsNavSVG';
 import EnterpriseSVG from './NavbarIcons/EnterpriseSVG';
 import EventsSVG from './NavbarIcons/EventsSVG';
@@ -52,7 +52,7 @@ export {
 	CommunitySVG,
 	ContactSVG,
 	ContributeSVG,
-	CustomChatbotsSVG,
+	CustomChatbotSVG,
 	DocsNavSVG,
 	EnterpriseSVG,
 	EventsSVG,