diff --git a/apps/app/components/common/image-upload-modal.tsx b/apps/app/components/common/image-upload-modal.tsx
index ca570b898d5..a0077858e6d 100644
--- a/apps/app/components/common/image-upload-modal.tsx
+++ b/apps/app/components/common/image-upload-modal.tsx
@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useState } from "react";
+import React, { useCallback, useState } from "react";
 
 import NextImage from "next/image";
 import { useRouter } from "next/router";
@@ -70,7 +70,7 @@ export const ImageUploadModal: React.FC<TImageUploadModalProps> = (props) => {
 
   return (
     <Transition.Root show={isOpen} as={React.Fragment}>
-      <Dialog as="div" className="relative z-10" onClose={handleClose}>
+      <Dialog as="div" className="relative z-30" onClose={handleClose}>
         <Transition.Child
           as={React.Fragment}
           enter="ease-out duration-300"
@@ -83,7 +83,7 @@ export const ImageUploadModal: React.FC<TImageUploadModalProps> = (props) => {
           <div className="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" />
         </Transition.Child>
 
-        <div className="fixed inset-0 z-10 overflow-y-auto">
+        <div className="fixed inset-0 z-30 overflow-y-auto">
           <div className="flex min-h-full items-center justify-center p-4 text-center sm:p-0">
             <Transition.Child
               as={React.Fragment}
@@ -103,13 +103,13 @@ export const ImageUploadModal: React.FC<TImageUploadModalProps> = (props) => {
                     <div className="flex items-center gap-3">
                       <div
                         {...getRootProps()}
-                        className={`relative block w-full rounded-lg p-12 text-center focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 ${
+                        className={`relative block h-80 w-full rounded-lg p-12 text-center focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 ${
                           (image === null && isDragActive) || !value
                             ? "border-2 border-dashed border-gray-300 hover:border-gray-400"
                             : ""
                         }`}
                       >
-                        {value && value !== "" ? (
+                        {image !== null || (value && value !== null && value !== "") ? (
                           <>
                             <button
                               type="button"
@@ -121,7 +121,7 @@ export const ImageUploadModal: React.FC<TImageUploadModalProps> = (props) => {
                             <NextImage
                               layout="fill"
                               objectFit="cover"
-                              src={image ? URL.createObjectURL(image) : value}
+                              src={image ? URL.createObjectURL(image) : value ? value : ""}
                               alt="image"
                             />
                           </>
diff --git a/apps/app/next.config.js b/apps/app/next.config.js
index 18129ee3120..75f45e08acc 100644
--- a/apps/app/next.config.js
+++ b/apps/app/next.config.js
@@ -5,7 +5,7 @@ const nextConfig = {
   reactStrictMode: false,
   swcMinify: true,
   images: {
-    domains: ["vinci-web.s3.amazonaws.com"],
+    domains: ["vinci-web.s3.amazonaws.com", "planefs-staging.s3.ap-south-1.amazonaws.com"],
   },
   output: "standalone",
   experimental: {
diff --git a/apps/app/pages/[workspaceSlug]/me/profile.tsx b/apps/app/pages/[workspaceSlug]/me/profile.tsx
index 8d1422e4603..e1f869c71a7 100644
--- a/apps/app/pages/[workspaceSlug]/me/profile.tsx
+++ b/apps/app/pages/[workspaceSlug]/me/profile.tsx
@@ -151,7 +151,7 @@ const Profile: NextPage = () => {
           handleSubmit(onSubmit)();
           setIsImageUploadModalOpen(false);
         }}
-        value={watch("avatar")}
+        value={watch("avatar") !== "" ? watch("avatar") : undefined}
       />
       <div className="w-full space-y-5">
         <Breadcrumbs>