diff --git a/src/ui/src/components/Slide.js b/src/ui/src/components/Slide.js
index a38dd32..b05ba65 100644
--- a/src/ui/src/components/Slide.js
+++ b/src/ui/src/components/Slide.js
@@ -4,7 +4,7 @@ import SlideItem from "./SlideItem";
 
 const Slide = ({data, ...props}) => {
 	return (
-		<article className="slide" {...props}>
+		<article className={`slide${data?.title ? " title" : ""}`} {...props}>
 			{data?.content.map((item, index) =>
 				<SlideItem item={item} key={index} />
 			)}
diff --git a/src/ui/src/components/SlideItem.js b/src/ui/src/components/SlideItem.js
index 31545e0..6740f5c 100644
--- a/src/ui/src/components/SlideItem.js
+++ b/src/ui/src/components/SlideItem.js
@@ -29,6 +29,8 @@ const SlideItem = ({item}) => {
 				return <SyntaxHighlighter style={monokai} language={item.lang}>{item.text}</SyntaxHighlighter>
 			case "strong":
 				return <b><Children items={item.tokens} /></b>
+			case "em":
+				return <i><Children items={item.tokens} /></i>
 			case "text":
 				return <>{item.text}</>
 			default: