diff --git a/src/components/Editor.js b/src/components/Editor.js
index 384b198..5786c81 100644
--- a/src/components/Editor.js
+++ b/src/components/Editor.js
@@ -66,7 +66,7 @@ class Editor extends React.Component {
 							type="text"
 							value={this.state.title}
 							placeholder="Enter title here"
-							className="border text-gray-700 text-xl rounded  p-2 h-20"
+							className="border text-gray-700 text-xl rounded  p-2 h-24"
 							onChange={(e) => this.setState({ title: e.target.value })}
 						/>
 					</div>
diff --git a/src/components/Themes/OutlineTheme.js b/src/components/Themes/OutlineTheme.js
index 348a554..ba2bab7 100644
--- a/src/components/Themes/OutlineTheme.js
+++ b/src/components/Themes/OutlineTheme.js
@@ -21,7 +21,7 @@ const OutlineTheme = ({ config }) => {
 
                 </div>
 
-                <div className="w-full border-gray-800 border-t-4 flex  mt-10 p-2 px-6  items-center bg-white">
+                <div className={`${font} w-full border-gray-800 border-t-4 flex  mt-10 p-2 px-6  items-center bg-white`}>
                     <i className={`devicon-${icon.value}-plain dev-icon text-4xl`}></i>
                     <h2 className="text-xl ml-auto mr-2 font-semibold"> - {author}</h2>
 
diff --git a/src/components/Themes/PreviewTheme.js b/src/components/Themes/PreviewTheme.js
new file mode 100644
index 0000000..e69de29