diff --git a/components/DynamicLogo.tsx b/components/DynamicLogo.tsx
index 73a1f58..d66c2ff 100644
--- a/components/DynamicLogo.tsx
+++ b/components/DynamicLogo.tsx
@@ -1,5 +1,7 @@
 "use client";
 
+import openinaryLoader from '../lib/openinary-loader';
+
 interface DynamicLogoProps {
   src: string;
   color?: string;
@@ -17,13 +19,16 @@ export default function DynamicLogo({
   size = "contain",
   className = ""
 }: DynamicLogoProps) {
+  
+  const imageUrl = src.startsWith('/') ? openinaryLoader({ src, width: 800 }) : src;
+
   return (
     <div
       className={className}
       style={{
         backgroundColor: color,
-        maskImage: `url(${src})`,
-        WebkitMaskImage: `url(${src})`,
+        maskImage: `url(${imageUrl})`,
+        WebkitMaskImage: `url(${imageUrl})`,
         maskRepeat: "no-repeat",
         maskPosition: "center",
         maskSize: size,
diff --git a/lib/openinary-loader.ts b/lib/openinary-loader.ts
index 8ae36b0..19edee0 100644
--- a/lib/openinary-loader.ts
+++ b/lib/openinary-loader.ts
@@ -30,8 +30,10 @@ export default function openinaryLoader({ src, width, quality }: { src: string,
         return url.toString();
     }
 
-    // Clean up any leading slash
-    if (path.startsWith('/')) {
+    // Clean up any leading slash and the /t/ prefix if present
+    if (path.startsWith('/t/')) {
+        path = path.substring(3);
+    } else if (path.startsWith('/')) {
         path = path.substring(1);
     }