diff --git a/README.md b/README.md
index fb75d4e..0a42524 100644
--- a/README.md
+++ b/README.md
@@ -14,7 +14,7 @@ Creating cover images for your blogs is now super easy.
 
 
 
-<img src="https://gist.github.com/user-attachments/assets/5b57a9fb-4791-4681-8982-9e47d7ba8ee1.png
+<img src="https://gist.github.com/user-attachments/assets/1d1c1833-29bc-45d6-97dd-e26c2d1019cb
 " height="auto" width="800px"  margin="20px">
 
 
diff --git a/src/components/Editor.js b/src/components/Editor.js
index 7a93d03..5796605 100644
--- a/src/components/Editor.js
+++ b/src/components/Editor.js
@@ -34,7 +34,7 @@ class Editor extends React.Component {
 	componentDidMount() {
 		// console.log("Mount")
 		fetch(devIconsUrl).then(r => r.json()).then(data => {
-			data.push({ name: 'custom' })
+			data.unshift({ name: 'upload your own' })
 			this.setState({ devIconOptions: data.map(item => ({ 'value': item.name, 'label': item.name })) })
 		})
 	}
@@ -111,10 +111,10 @@ class Editor extends React.Component {
 											</div>
 											<div className="w-full">
 
-												{this.state.icon.label === 'custom' ?
-													<div className="flex items-center justify-center w-72 mx-auto">
+												{this.state.icon.label === 'upload your own' ?
+													<div className="flex items-center justify-center w-64 mx-auto">
 														<input type="file"
-															className="focus:outline-none w-full text-lg cursor-pointer bg-white rounded border"
+															className="focus:outline-none w-full text-sm cursor-pointer bg-white rounded border"
 															onChange={(e) => this.setState({ 'customIcon': URL.createObjectURL(e.target.files[0]) })}
 														/>
 													</div>