diff --git a/frontend/src/views/AppCreator.jsx b/frontend/src/views/AppCreator.jsx
index 9d5fb272..68898952 100644
--- a/frontend/src/views/AppCreator.jsx
+++ b/frontend/src/views/AppCreator.jsx
@@ -2152,6 +2152,8 @@ const AppCreator = (props) => {
 	let croppedData = file.length > 0 ? file : fileBase64
 
 	const imageInfo = <img src={imageData} id="logo" style={{maxWidth: 174, maxHeight: 174, minWidth: 174, minHeight: 174, objectFit: "contain",}} />
+
+	const alternateImg = <AddPhotoAlternateIcon style={{ width: 100, height: 100, flex: "1", display: "flex", flexDirection: "row", margin: "auto" }}/>
 	
 	const zoomIn = () => {
 		setScale(scale+0.1);
@@ -2273,7 +2275,7 @@ const AppCreator = (props) => {
 					 	<Tooltip title="Click to edit the app's image" placement="bottom">
 							<div style={{flex: "1", margin: 10, border: "1px solid #f85a3e", cursor: "pointer", backgroundColor: inputColor, maxWidth: 174, maxHeight: 174}} onClick={() => {setOpenImageModal(true)}}>
 								<input hidden type="file" ref={(ref) => upload = ref} onChange={editHeaderImage} />
-								<AddPhotoAlternateIcon style={{ width: 100, height: 100, flex: "1", display: "flex", flexDirection: "row", margin: "auto" }}/>
+								{!imageData && (alternateImg)}
 								{imageInfo}
 							</div>
 						</Tooltip>