diff --git a/ogi/components/OgImage/base.vue b/ogi/components/OgImage/base.vue
index 4b2772e..dc07849 100644
--- a/ogi/components/OgImage/base.vue
+++ b/ogi/components/OgImage/base.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { CSSProperties } from 'vue'
-
+import { KODA_LOGO_URL } from '@/utils/constants'
 // inherited attrs can mess up the satori parser
 defineOptions({
   inheritAttrs: false,
@@ -32,7 +32,7 @@ const cover: ComputedRef<CSSProperties> = computed(() => {
     class="flex flex-col justify-end h-full w-full bg-slate-900/75 text-white p-10 text-2xl font-bold absolute inset-0"
   >
     <img
-      src="https://raw.githubusercontent.com/kodadot/kodadot-presskit/main/pre-v4/png/KodalightV4.png"
+      :src="KODA_LOGO_URL"
       alt="logo"
       class="absolute left-10 bottom-10 w-60"
     />
diff --git a/ogi/components/OgImage/blog.vue b/ogi/components/OgImage/blog.vue
index e723a14..7020771 100644
--- a/ogi/components/OgImage/blog.vue
+++ b/ogi/components/OgImage/blog.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import type { CSSProperties } from 'vue'
+import { KODA_LOGO_URL } from '@/utils/constants'
 
 // inherited attrs can mess up the satori parser
 defineOptions({
@@ -29,7 +30,7 @@ const cover: CSSProperties = {
   </div>
 
   <img
-    src="https://raw.githubusercontent.com/kodadot/kodadot-presskit/main/pre-v4/png/KodalightV4.png"
+    :src="KODA_LOGO_URL"
     alt="logo"
     class="w-60 absolute right-20 bottom-20"
   />
diff --git a/ogi/components/OgImage/collection.vue b/ogi/components/OgImage/collection.vue
index c1f0f9f..f27554b 100644
--- a/ogi/components/OgImage/collection.vue
+++ b/ogi/components/OgImage/collection.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { chainNames, type Prefix } from '@kodadot1/static';
 import type { CSSProperties } from 'vue'
+import { KODA_LOGO_URL } from '@/utils/constants'
 
 // inherited attrs can mess up the satori parser
 defineOptions({
@@ -54,7 +55,7 @@ const networkName = chainNames[props.network as Prefix]
   </div>
 
   <img
-    src="https://raw.githubusercontent.com/kodadot/kodadot-presskit/main/pre-v4/png/KodalightV4.png"
+    :src="KODA_LOGO_URL"
     alt="logo"
     class="absolute top-10 right-10 w-40"
   />
diff --git a/ogi/components/OgImage/drops.vue b/ogi/components/OgImage/drops.vue
index 780c3ad..62fdb98 100644
--- a/ogi/components/OgImage/drops.vue
+++ b/ogi/components/OgImage/drops.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import type { CSSProperties } from 'vue'
+import { KODA_LOGO_URL } from '@/utils/constants'
 
 defineOptions({
   inheritAttrs: false,
@@ -38,7 +39,7 @@ const cover: CSSProperties = {
   </div>
 
   <img
-    src="https://raw.githubusercontent.com/kodadot/kodadot-presskit/main/pre-v4/png/KodalightV4.png"
+    :src="KODA_LOGO_URL"
     alt="logo"
     class="absolute top-10 right-10 w-40"
   />
diff --git a/ogi/components/OgImage/gallery.vue b/ogi/components/OgImage/gallery.vue
index 22ec7ab..646b07b 100644
--- a/ogi/components/OgImage/gallery.vue
+++ b/ogi/components/OgImage/gallery.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import type { CSSProperties } from 'vue'
+import { KODA_LOGO_URL } from '@/utils/constants'
 
 // inherited attrs can mess up the satori parser
 defineOptions({
@@ -54,6 +55,6 @@ const parsePrice = computed(() =>
     </div>
   </div>
 
-  <img src="https://raw.githubusercontent.com/kodadot/kodadot-presskit/main/pre-v4/png/KodalightV4.png" alt="logo"
+  <img :src="KODA_LOGO_URL" alt="logo"
     class="absolute top-20 right-20 w-40" />
 </template>
diff --git a/ogi/utils/constants.ts b/ogi/utils/constants.ts
new file mode 100644
index 0000000..4f0a0fd
--- /dev/null
+++ b/ogi/utils/constants.ts
@@ -0,0 +1,2 @@
+
+export const KODA_LOGO_URL = 'https://raw.githubusercontent.com/kodadot/nft-gallery/main/public/koda_logo_fill.png';