fix: fix font and ui isssue

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>

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>