diff --git a/packages/nc-gui/assets/img/icons/512x512-trans.png b/packages/nc-gui/assets/img/icons/512x512-trans.png
index c29553653d..21b317781d 100644
Binary files a/packages/nc-gui/assets/img/icons/512x512-trans.png and b/packages/nc-gui/assets/img/icons/512x512-trans.png differ
diff --git a/packages/nc-gui/assets/img/icons/512x512.png b/packages/nc-gui/assets/img/icons/512x512.png
index 3ea62a1431..70af492648 100644
Binary files a/packages/nc-gui/assets/img/icons/512x512.png and b/packages/nc-gui/assets/img/icons/512x512.png differ
diff --git a/packages/nc-gui/components/general/NocoIcon.vue b/packages/nc-gui/components/general/NocoIcon.vue
index ac73078821..b7d54dd9e9 100644
--- a/packages/nc-gui/components/general/NocoIcon.vue
+++ b/packages/nc-gui/components/general/NocoIcon.vue
@@ -8,7 +8,7 @@ const { width = 90, height = 90 } = defineProps<Props>()
 </script>
 
 <template>
-  <div :style="{ left: `calc(50% - ${width / 2}px)`, top: `-${height * 0.6}px` }" class="absolute rounded-lg !bg-primary">
-    <img :width="width" :height="height" alt="NocoDB" src="~/assets/img/icons/512x512-trans.png" />
+  <div :style="{ left: `calc(50% - ${width / 2}px)`, top: `-${height / 2}px` }" class="absolute rounded-lg">
+    <img :width="width" :height="height" alt="NocoDB" src="~/assets/img/icons/512x512.png" />
   </div>
 </template>
diff --git a/packages/nc-gui/public/favicon.ico b/packages/nc-gui/public/favicon.ico
index 1c835348ea..a9fa2dd153 100644
Binary files a/packages/nc-gui/public/favicon.ico and b/packages/nc-gui/public/favicon.ico differ