diff --git a/packages/nc-gui-v2/components/general/Share.vue b/packages/nc-gui-v2/components/general/Share.vue
index dfb908e93f..28a8179f90 100644
--- a/packages/nc-gui-v2/components/general/Share.vue
+++ b/packages/nc-gui-v2/components/general/Share.vue
@@ -52,7 +52,7 @@ const openUrl = (url: string) => {
       @click.prevent="openUrl(`https://twitter.com/intent/tweet?url=${shareUrl}&text=${encodedSummary}&hashtags=${hashTags}`)"
     >
       <img
-        src="/social/twitter.png"
+        src="~/public/social/twitter.png"
         class="img-responsive"
         alt="Twitter"
         :width="width"
@@ -71,7 +71,7 @@ const openUrl = (url: string) => {
       "
     >
       <img
-        src="/social/linkedin.png"
+        src="~/public/social/linkedin.png"
         class="img-responsive"
         alt="Linkedin"
         :width="width"
@@ -92,7 +92,7 @@ const openUrl = (url: string) => {
       "
     >
       <img
-        src="/social/facebook.png"
+        src="~/public/social/facebook.png"
         class="img-responsive"
         alt="Facebook"
         :width="width"
@@ -108,7 +108,7 @@ const openUrl = (url: string) => {
       class="px-2"
       @click.prevent="openUrl(`https://www.reddit.com/submit?url=${shareUrl}&title=${encodedSummary}`)"
     >
-      <img src="/social/reddit.png" class="img-responsive" alt="Reddit" :width="width" :style="css" title="Social Media Share" />
+      <img src="~/public/social/reddit.png" class="img-responsive" alt="Reddit" :width="width" :style="css" title="Social Media Share" />
     </a>
 
     <a
@@ -119,7 +119,7 @@ const openUrl = (url: string) => {
       @click.prevent="openUrl(`https://pinterest.com/pin/create/button/?url=${shareUrl}&description==${encodedSummary}`)"
     >
       <img
-        src="/social/pinterest.png"
+        src="~/public/social/pinterest.png"
         class="img-responsive"
         alt="Printrest"
         :width="width"
@@ -136,7 +136,7 @@ const openUrl = (url: string) => {
       @click.prevent="openUrl(`https://api.whatsapp.com/send?text=${encodedSummary}%0D%0A${shareUrl}`)"
     >
       <img
-        src="/social/whatsapp.png"
+        src="~/public/social/whatsapp.png"
         class="img-responsive"
         alt="Whatsapp"
         :width="width"
@@ -152,7 +152,7 @@ const openUrl = (url: string) => {
       @click.prevent="openUrl(`https://telegram.me/share/url?url=${shareUrl}&text=${encodedSummary}`)"
     >
       <img
-        src="/social/png/telegram.png"
+        src="~/public/social/png/telegram.png"
         class="img-responsive"
         alt="Telegram"
         :width="width"
@@ -167,7 +167,7 @@ const openUrl = (url: string) => {
       @click.prevent="openUrl(`https://www.addtoany.com/add_to/wechat?linkurl=${shareUrl}&linkname=${encodedTitle}`)"
     >
       <img
-        src="/social/png/wechat.png"
+        src="~/public/social/png/wechat.png"
         class="img-responsive"
         alt="Wechat"
         :width="width"
@@ -177,7 +177,7 @@ const openUrl = (url: string) => {
     </a>
     <a v-if="!socialMedias || !socialMedias.length || socialMedias.includes('line')" href="#" :class="iconClass" class="px-2">
       <img
-        src="/social/png/line.png"
+        src="~/public/social/png/line.png"
         class="img-responsive"
         alt="Line"
         :width="width"
@@ -193,7 +193,7 @@ const openUrl = (url: string) => {
       class="px-2"
     >
       <img
-        src="/social/png/odnoklassniki.png"
+        src="~/public/social/png/odnoklassniki.png"
         class="img-responsive"
         alt="Odnoklassniki"
         :width="width"
@@ -212,7 +212,7 @@ const openUrl = (url: string) => {
       @click.prevent="openUrl(`http://service.weibo.com/share/share.php?url=${shareUrl})&title=${encodedTitle}`)"
     >
       <img
-        src="/social/png/weibo.png"
+        src="~/public/social/png/weibo.png"
         class="img-responsive"
         alt="Weibo"
         :width="width"
@@ -231,7 +231,7 @@ const openUrl = (url: string) => {
       "
     >
       <img
-        src="/social/png/renren.png"
+        src="~/public/social/png/renren.png"
         class="img-responsive"
         alt="Renren"
         :width="width"
@@ -246,7 +246,7 @@ const openUrl = (url: string) => {
       @click.prevent="openUrl(`http://www.douban.com/recommend/?url=${shareUrl}&title=${encodedTitle}`)"
     >
       <img
-        src="/social/png/douban.png"
+        src="~/public/social/png/douban.png"
         class="img-responsive"
         alt="Douban"
         :width="width"
@@ -263,7 +263,7 @@ const openUrl = (url: string) => {
         openUrl(`https://vk.com/share.php?url=${shareUrl})&title=${encodedTitle}&description=${encodedSummary}&noparse=true`)
       "
     >
-      <img src="/social/png/vk.png" class="img-responsive" alt="VK" :width="width" :style="css" title="Social Media Share" />
+      <img src="~/public/social/png/vk.png" class="img-responsive" alt="VK" :width="width" :style="css" title="Social Media Share" />
     </a>
     <a
       v-if="!socialMedias || !socialMedias.length || socialMedias.includes('wykop')"
@@ -272,7 +272,7 @@ const openUrl = (url: string) => {
       @click.prevent="openUrl(`https://www.addtoany.com/add_to/wykop?linkurl=${shareUrl}&linkname=${encodedTitle}`)"
     >
       <img
-        src="/social/png/wykop.jpg"
+        src="~/public/social/png/wykop.jpg"
         class="img-responsive"
         alt="Wykop"
         :width="width"
diff --git a/packages/nc-gui-v2/components/general/Sponsors.vue b/packages/nc-gui-v2/components/general/Sponsors.vue
index 0f47a53cf2..8e93cb9f09 100644
--- a/packages/nc-gui-v2/components/general/Sponsors.vue
+++ b/packages/nc-gui-v2/components/general/Sponsors.vue
@@ -9,7 +9,7 @@ const { nav = false } = defineProps<Props>()
 <template>
   <a-card class="w-[300px] shadow-sm !rounded-lg">
     <template #cover>
-      <img class="max-h-[180px] !rounded-t-lg" alt="cover" src="/ants-leaf-cutter.jpeg" />
+      <img class="max-h-[180px] !rounded-t-lg" alt="cover" src="~/public/ants-leaf-cutter.jpeg" />
     </template>
 
     <a-card-meta>
diff --git a/packages/nc-gui/components/ProjectTreeView.vue b/packages/nc-gui/components/ProjectTreeView.vue
index e94e966000..95d8bfc510 100644
--- a/packages/nc-gui/components/ProjectTreeView.vue
+++ b/packages/nc-gui/components/ProjectTreeView.vue
@@ -2,7 +2,7 @@
   <div style="height: 100%" class="nc-tree-view" @mouseenter="onMiniHoverEnter" @mouseleave="onMiniHoverLeave">
     <!--    :expand-on-hover="mini"-->
     <div class="primary nc-project-title theme--dark" :class="{ shared: sharedBase }">
-      <img v-if="sharedBase" src="favicon-32.png" height="18" class="ml-2" />
+      <img v-if="sharedBase" src="~/public/favicon-32.png" height="18" class="ml-2" />
       <h3 v-if="sharedBase" class="nc-project-title white--text text-capitalize">
         {{ $store.getters['project/GtrProjectName'] }}
       </h3>
diff --git a/packages/nc-gui/pages/nc/base/_shared_base_id.vue b/packages/nc-gui/pages/nc/base/_shared_base_id.vue
index 6541ac3b07..454ccf384d 100644
--- a/packages/nc-gui/pages/nc/base/_shared_base_id.vue
+++ b/packages/nc-gui/pages/nc/base/_shared_base_id.vue
@@ -29,7 +29,7 @@
     <div class="nc-embedded-options d-flex align-center px-3">
       <v-spacer />
       <a href="https://github.com/nocodb/nocodb" target="_blank" class="d-inline-flex align-center caption">
-        <img src="favicon-32.png" height="15" class="mr-2" />
+        <img src="~/public/favicon-32.png" height="15" class="mr-2" />
         <span>Built with </span> &nbsp; <span class=""><span class="font-weight-bold"> NocoDB</span> </span></a
       >
       <span v-if="embed" class="caption pointer ml-4" @click="showLargerVersion"