diff --git a/src/components/Buttons/EmojiButton/EmojiButton.tsx b/src/components/Buttons/EmojiButton/EmojiButton.tsx
index 1df61b7a..f0a569ef 100644
--- a/src/components/Buttons/EmojiButton/EmojiButton.tsx
+++ b/src/components/Buttons/EmojiButton/EmojiButton.tsx
@@ -35,7 +35,7 @@ const EmojiButton = () => {
 
 	// styles for emoji disabled button
 	const emojiButtonDisabledStyle: React.CSSProperties = {
-		cursor: `url(${settings.general?.actionDisabledIcon}), auto`,
+		cursor: `url("${settings.general?.actionDisabledIcon}"), auto`,
 		...styles.emojiButtonStyle, // by default inherit the base style
 		...styles.emojiButtonDisabledStyle
 	};
diff --git a/src/components/Buttons/FileAttachmentButton/FileAttachmentButton.tsx b/src/components/Buttons/FileAttachmentButton/FileAttachmentButton.tsx
index 78b0c3c4..74d618ec 100644
--- a/src/components/Buttons/FileAttachmentButton/FileAttachmentButton.tsx
+++ b/src/components/Buttons/FileAttachmentButton/FileAttachmentButton.tsx
@@ -54,7 +54,7 @@ const FileAttachmentButton = () => {
 
 	// styles for file attachment disabled button
 	const fileAttachmentButtonDisabledStyle = {
-		cursor: `url(${settings.general?.actionDisabledIcon}), auto`,
+		cursor: `url("${settings.general?.actionDisabledIcon}"), auto`,
 		...styles.fileAttachmentButtonStyle, // by default inherit the base style
 		...styles.fileAttachmentButtonDisabledStyle
 	}
diff --git a/src/components/Buttons/SendButton/SendButton.tsx b/src/components/Buttons/SendButton/SendButton.tsx
index 4d4a093b..30b01e38 100644
--- a/src/components/Buttons/SendButton/SendButton.tsx
+++ b/src/components/Buttons/SendButton/SendButton.tsx
@@ -34,7 +34,7 @@ const SendButton = () => {
 
 	// styles for disabled send button
 	const sendButtonDisabledStyle: React.CSSProperties = {
-		cursor: `url(${settings.general?.actionDisabledIcon}), auto`,
+		cursor: `url("${settings.general?.actionDisabledIcon}"), auto`,
 		backgroundColor: settings.general?.primaryColor,
 		...styles.sendButtonStyle, // by default inherit the base style
 		...styles.sendButtonDisabledStyle
diff --git a/src/components/ChatBotBody/ChatBotBody.tsx b/src/components/ChatBotBody/ChatBotBody.tsx
index 86d8881b..d4c91cf8 100644
--- a/src/components/ChatBotBody/ChatBotBody.tsx
+++ b/src/components/ChatBotBody/ChatBotBody.tsx
@@ -154,7 +154,7 @@ const ChatBotBody = ({
 				)}
 				{showAvatar && (
 					<div
-						style={{ backgroundImage: `url(${settings.userBubble?.avatar})` }}
+						style={{ backgroundImage: `url("${settings.userBubble?.avatar}")` }}
 						className="rcb-message-user-avatar"
 					/>
 				)}
@@ -178,7 +178,7 @@ const ChatBotBody = ({
 			<div className="rcb-bot-message-container">
 				{showAvatar && (
 					<div
-						style={{ backgroundImage: `url(${settings.botBubble?.avatar})` }}
+						style={{ backgroundImage: `url("${settings.botBubble?.avatar}")` }}
 						className="rcb-message-bot-avatar"
 					/>
 				)}
@@ -228,7 +228,7 @@ const ChatBotBody = ({
 				<div className="rcb-bot-message-container">
 					{settings.botBubble?.showAvatar &&
 						<div 
-							style={{backgroundImage: `url(${settings.botBubble?.avatar})`}}
+							style={{backgroundImage: `url("${settings.botBubble?.avatar}")`}}
 							className="rcb-message-bot-avatar"
 						/>
 					}
diff --git a/src/components/ChatBotBody/UserCheckboxes/UserCheckboxes.tsx b/src/components/ChatBotBody/UserCheckboxes/UserCheckboxes.tsx
index b89d4db5..c13a880d 100644
--- a/src/components/ChatBotBody/UserCheckboxes/UserCheckboxes.tsx
+++ b/src/components/ChatBotBody/UserCheckboxes/UserCheckboxes.tsx
@@ -46,7 +46,7 @@ const UserCheckboxes = ({
 
 	// styles for bot checkbox row items
 	const botCheckboxRowStyle: React.CSSProperties = {
-		cursor: disabled ? `url(${settings.general?.actionDisabledIcon}), auto` : "pointer",
+		cursor: disabled ? `url("${settings.general?.actionDisabledIcon}"), auto` : "pointer",
 		color: settings.general?.primaryColor,
 		borderColor: settings.general?.primaryColor,
 		...styles.botCheckboxRowStyle
@@ -55,7 +55,7 @@ const UserCheckboxes = ({
 	// styles for bot checkbox next button
 	const botCheckboxNextStyle: React.CSSProperties = {
 		cursor: disabled || checkedBoxes.size < (checkboxes.min as number) 
-			? `url(${settings.general?.actionDisabledIcon}), auto` : "pointer",
+			? `url("${settings.general?.actionDisabledIcon}"), auto` : "pointer",
 		color: settings.general?.primaryColor,
 		borderColor: settings.general?.primaryColor,
 		...styles.botCheckboxNextStyle
@@ -63,14 +63,14 @@ const UserCheckboxes = ({
 
 	// styles for bot checkmark
 	const botCheckMarkStyle: React.CSSProperties = {
-		cursor: disabled ? `url(${settings.general?.actionDisabledIcon}), auto` : "pointer",
+		cursor: disabled ? `url("${settings.general?.actionDisabledIcon}"), auto` : "pointer",
 		color: "transparent",
 		...styles.botCheckMarkStyle
 	};
 
 	// styles for bot selected checkmark
 	const botCheckMarkSelectedStyle: React.CSSProperties = {
-		cursor: disabled ? `url(${settings.general?.actionDisabledIcon}), auto` : "pointer",
+		cursor: disabled ? `url("${settings.general?.actionDisabledIcon}"), auto` : "pointer",
 		color: "#fff",
 		borderColor: settings.general?.primaryColor,
 		backgroundColor: settings.general?.primaryColor,
diff --git a/src/components/ChatBotBody/UserOptions/UserOptions.tsx b/src/components/ChatBotBody/UserOptions/UserOptions.tsx
index dbe1cadd..319c4bb2 100644
--- a/src/components/ChatBotBody/UserOptions/UserOptions.tsx
+++ b/src/components/ChatBotBody/UserOptions/UserOptions.tsx
@@ -43,7 +43,7 @@ const UserOptions = ({
 
 	// styles for bot option
 	const botOptionStyle: React.CSSProperties = {
-		cursor: disabled ? `url(${settings.general?.actionDisabledIcon}), auto` : "pointer",
+		cursor: disabled ? `url("${settings.general?.actionDisabledIcon}"), auto` : "pointer",
 		color: settings.general?.primaryColor,
 		borderColor: settings.general?.primaryColor,
 		backgroundColor: "#fff",
diff --git a/src/components/ChatBotHeader/ChatBotHeader.tsx b/src/components/ChatBotHeader/ChatBotHeader.tsx
index 59a8f589..703ec3ea 100644
--- a/src/components/ChatBotHeader/ChatBotHeader.tsx
+++ b/src/components/ChatBotHeader/ChatBotHeader.tsx
@@ -29,7 +29,7 @@ const ChatBotHeader = ({ buttons }: { buttons: JSX.Element[] }) => {
 			<div className="rcb-chat-header">
 				{settings.header?.showAvatar &&
 					<div 
-						style={{backgroundImage: `url(${settings.header?.avatar})`}} 
+						style={{backgroundImage: `url("${settings.header?.avatar}")`}}
 						className="rcb-bot-avatar"
 					/>
 				}
diff --git a/src/components/ChatBotInput/ChatBotInput.tsx b/src/components/ChatBotInput/ChatBotInput.tsx
index c9d17fdb..9d9bfad6 100644
--- a/src/components/ChatBotInput/ChatBotInput.tsx
+++ b/src/components/ChatBotInput/ChatBotInput.tsx
@@ -75,7 +75,7 @@ const ChatBotInput = ({ buttons }: { buttons: JSX.Element[] }) => {
 
 	// styles for disabled text area
 	const textAreaDisabledStyle: React.CSSProperties = {
-		cursor: `url(${settings.general?.actionDisabledIcon}), auto`,
+		cursor: `url("${settings.general?.actionDisabledIcon}"), auto`,
 		caretColor: "transparent",
 		boxSizing: isDesktop ? "content-box" : "border-box",
 		...styles.chatInputAreaStyle, // by default inherit the base style for input area
diff --git a/src/services/ChatHistoryService.tsx b/src/services/ChatHistoryService.tsx
index 9af9737d..5bb2be23 100644
--- a/src/services/ChatHistoryService.tsx
+++ b/src/services/ChatHistoryService.tsx
@@ -302,7 +302,7 @@ const addStyleToOptions = (classList: DOMTokenList, attributes: {[key: string]:
 			...(attributes["style"] as CSSProperties),
 			color: styles.botOptionStyle?.color ?? settings.general?.primaryColor,
 			borderColor: styles.botOptionStyle?.color ?? settings.general?.primaryColor,
-			cursor: `url(${settings.general?.actionDisabledIcon}), auto`,
+			cursor: `url("${settings.general?.actionDisabledIcon}"), auto`,
 			...styles.botOptionStyle
 		}
 	}
@@ -323,7 +323,7 @@ const addStyleToCheckboxRows = (classList: DOMTokenList, attributes: {[key: stri
 			...(attributes["style"] as CSSProperties),
 			color: styles.botCheckboxRowStyle?.color ?? settings.general?.primaryColor,
 			borderColor: styles.botCheckboxRowStyle?.color ?? settings.general?.primaryColor,
-			cursor: `url(${settings.general?.actionDisabledIcon}), auto`,
+			cursor: `url("${settings.general?.actionDisabledIcon}"), auto`,
 			...styles.botCheckboxRowStyle
 		}
 	}
@@ -344,7 +344,7 @@ const addStyleToCheckboxNextButton = (classList: DOMTokenList, attributes: {[key
 			...(attributes["style"] as CSSProperties),
 			color: styles.botCheckboxNextStyle?.color ?? settings.general?.primaryColor,
 			borderColor: styles.botCheckboxNextStyle?.color ?? settings.general?.primaryColor,
-			cursor: `url(${settings.general?.actionDisabledIcon}), auto`,
+			cursor: `url("${settings.general?.actionDisabledIcon}"), auto`,
 			...styles.botCheckboxNextStyle
 		}
 	}