diff --git a/examples/03-ui-components/07-suggestion-menus-slash-menu-component/App.tsx b/examples/03-ui-components/07-suggestion-menus-slash-menu-component/App.tsx
index 2bd26465f0..2557b30973 100644
--- a/examples/03-ui-components/07-suggestion-menus-slash-menu-component/App.tsx
+++ b/examples/03-ui-components/07-suggestion-menus-slash-menu-component/App.tsx
@@ -18,7 +18,7 @@ function CustomSlashMenu(
     <div className={"slash-menu"}>
       {props.items.map((item, index) => (
         <div
-          className={`slash-menu-item${
+          className={`slash-menu-item ${
             props.selectedIndex === index ? " selected" : ""
           }`}
           onClick={() => {
diff --git a/examples/03-ui-components/09-suggestion-menus-emoji-picker-component/App.tsx b/examples/03-ui-components/09-suggestion-menus-emoji-picker-component/App.tsx
index b895c0a5d6..5c7c17917a 100644
--- a/examples/03-ui-components/09-suggestion-menus-emoji-picker-component/App.tsx
+++ b/examples/03-ui-components/09-suggestion-menus-emoji-picker-component/App.tsx
@@ -22,7 +22,7 @@ function CustomEmojiPicker(
       }>
       {props.items.map((item, index) => (
         <div
-          className={`emoji-picker-item${
+          className={`emoji-picker-item ${
             props.selectedIndex === index ? " selected" : ""
           }`}
           onClick={() => {