diff --git a/src/components/CoverImage.css b/src/components/CoverImage.css
index e715de3..c9d9665 100644
--- a/src/components/CoverImage.css
+++ b/src/components/CoverImage.css
@@ -1,14 +1,9 @@
 .cover {
     background-color: #00ff99;
     display: flex;
-  
     height: 420px;
     width: 800px;
-
     overflow-y: hidden;
-  
-
-
 }
 
 
diff --git a/src/components/Editor.js b/src/components/Editor.js
index e22a492..7fc5813 100644
--- a/src/components/Editor.js
+++ b/src/components/Editor.js
@@ -47,7 +47,16 @@ class Editor extends React.Component {
 				<div className="bg-white shadow-sm p-4 flex flex-col md:w-1/4">
 					{/* <p className="tagline"><span role="img" aria-label="tool"> 🛠 </span> Creating cover images for your blogs is now super easy</p> */}
 
+					<div className="flex items-center mb-6 ">
+						<h1 className=" text-gray-800 text-2xl font-bold ">Coverview</h1>
+						<a href="https://github.com/rutikwankhade/CoverView"
+							target="_blank" rel="noopener  noreferrer"
+							className="ml-auto mr-2 cursor-pointer">
+							<i className=" devicon-github-plain dev-icon text-xl"></i>
 
+						</a>
+
+					</div>
 					<div className="m-2 flex flex-col">
 						<span className="font-medium">Blog Title</span>
 						<textarea
@@ -146,6 +155,9 @@ class Editor extends React.Component {
 						</select>
 					</div>
 
+
+					<span className="text-sm mt-4  text-center text-gray-400">Made with 💖 by <a href="https://rutikwankhade.dev"
+						target="_blank" rel="noopener  noreferrer" className="underline hover:text-green-500">Rutik Wankhade</a></span>
 					{/* <div className="flex flex-col m-2 ">
 						<span className="font-medium">Theme</span>
 
diff --git a/src/components/Navbar.js b/src/components/Navbar.js
deleted file mode 100644
index 2c06c63..0000000
--- a/src/components/Navbar.js
+++ /dev/null
@@ -1,18 +0,0 @@
-import React from 'react';
-import './App.css';
-import logo from '../assets/icons/favicon.png';
-const Navbar = () => {
-
-    return (
-        <nav className=" bg-red-200 text-4xl">
-            <h4><img src={logo} alt="logo" className="logo"/>Coverview</h4>
-            <a href="https://github.com/rutikwankhade/CoverView"
-                target="_blank" rel="noopener  noreferrer" class="star-btn">
-                <span role="img" aria-label="star">⭐</span> Star on Github
-            </a>
-
-        </nav>);
-
-};
-
-export default Navbar;
\ No newline at end of file
diff --git a/src/components/Themes/BasicTheme.js b/src/components/Themes/BasicTheme.js
index 059b020..2de2d87 100644
--- a/src/components/Themes/BasicTheme.js
+++ b/src/components/Themes/BasicTheme.js
@@ -6,25 +6,25 @@ const BasicTheme = ({ config }) => {
 
     return (
         <div className="p-4 bg-white border">
-            <div className={`cover flex p-14 text-gray-800 items-center ${pattern} `}
+            <div className={`cover flex  text-gray-800 items-center ${pattern} `}
                 style={{ backgroundColor: bgColor }}
             >
-                <div className={`${pattern}`}>
 
-                    <div className={`${font} bg-white flex flex-col pt-12 rounded-xl`}>
-                        <div className="px-12">
-                            <div>
-                                <h1 className="text-5xl font-bold text-center">{title}</h1>
-                            </div>
-                        </div>
-
-                        <div className=" flex mx-4 mt-10 p-4 rounded-xl 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>
 
+                <div className={`${font} bg-white md:w-10/12  m-auto flex flex-col pt-12 rounded-xl`}>
+                    <div className="px-12">
+                        <div>
+                            <h1 className="text-5xl font-bold text-center">{title}</h1>
                         </div>
                     </div>
+
+                    <div className=" flex mx-4 mt-10 p-4 rounded-xl 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>
+
+                    </div>
                 </div>
+
             </div>
 
         </div>