diff --git a/src/components/Editor.js b/src/components/Editor.js
index ce6ca23..a471d0d 100644
--- a/src/components/Editor.js
+++ b/src/components/Editor.js
@@ -8,14 +8,14 @@ import RandomTheme from './RandomTheme';
 
 const defaultSettings = {
 	title: "How I built my first project with react",
-	bgColor: "#00ff99",
+	bgColor: "#dcd6f7",
 	pattern: "",
 	download: "PNG",
 	author: 'Rutik Wankhade',
 	icon: { 'label': 'react', 'value': 'react' },
 	devIconOptions: {},
 	font: 'font-sans',
-	theme: 'basic'
+	theme: 'modern'
 
 };
 
@@ -52,7 +52,7 @@ class Editor extends React.Component {
 					{/* <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-4 ">
-						<h1 className=" text-gray-800 text-xl font-bold ">Coverview</h1>
+						<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">
diff --git a/src/components/RandomTheme.css b/src/components/RandomTheme.css
index 2b68073..c8172db 100644
--- a/src/components/RandomTheme.css
+++ b/src/components/RandomTheme.css
@@ -5,8 +5,8 @@
 }
 
 .bi-shuffle{
-    height: 25px;
-    width: 25px;
+    height: 30px;
+    width: 30px;
     opacity: 0.6;
 }
 
diff --git a/src/components/Themes/OutlineTheme.js b/src/components/Themes/OutlineTheme.js
index e5852d5..348a554 100644
--- a/src/components/Themes/OutlineTheme.js
+++ b/src/components/Themes/OutlineTheme.js
@@ -6,12 +6,12 @@ const OutlineTheme = ({ config }) => {
         <div className="p-4 bg-white border">
 
 
-            <div className={`cover rounded flex flex-col text-gray-800 items-center border-2 border-gray-800 ${pattern} `}
+            <div className={`cover rounded flex flex-col text-gray-800 items-center border-4 border-gray-800 ${pattern} `}
                 style={{ backgroundColor: bgColor }}
             >
 
 
-                <div className={`${font} bg-white rounded md:w-10/12 border-2 border-gray-800 m-auto flex flex-col py-12 px-6 `}>
+                <div className={`${font} bg-white rounded md:w-10/12 border-4 border-gray-800 m-auto flex flex-col py-12 px-6 `}>
                     <div className="px-12">
                         <div>
                             <h1 className="text-3xl md:text-5xl font-bold text-center">{title}</h1>
@@ -21,7 +21,7 @@ const OutlineTheme = ({ config }) => {
 
                 </div>
 
-                <div className="w-full border-gray-800 border-t-2 flex  mt-10 p-2 px-6  items-center bg-white">
+                <div className="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>