diff --git a/src/routes/docs/+page.svelte b/src/routes/docs/+page.svelte
index acff5c4bb4..78cf44863f 100644
--- a/src/routes/docs/+page.svelte
+++ b/src/routes/docs/+page.svelte
@@ -15,46 +15,31 @@
     const tutorials: CodeCardProps[] = [
         {
             href: '/docs/tutorials/react',
-            cover: {
-                src: '/images/tutorials/react.png',
-                alt: 'react logo'
-            },
+            cover: '/images/tutorials/react.png',
             title: 'React tutorial',
             description: 'Learn Appwrite Auth, Databases, and more with React.'
         },
         {
             href: '/docs/tutorials/sveltekit',
-            cover: {
-                src: '/images/tutorials/svelte.png',
-                alt: 'svelte logo'
-            },
+            cover: '/images/tutorials/svelte.png',
             title: 'SvelteKit tutorial',
             description: 'Learn Appwrite Auth, Databases, and more with SvelteKit.'
         },
         {
             href: '/docs/tutorials/vue',
-            cover: {
-                src: '/images/tutorials/vue.png',
-                alt: 'Vue logo'
-            },
+            cover: '/images/tutorials/vue.png',
             title: 'Vue tutorial',
             description: 'Learn Appwrite Auth, Databases, and more with Vue.'
         },
         {
             href: '/docs/tutorials/android',
-            cover: {
-                src: '/images/tutorials/android.png',
-                alt: 'Android logo'
-            },
+            cover: '/images/tutorials/android.png',
             title: 'Android tutorial',
             description: 'Learn Appwrite Auth, Databases, and more with Android.'
         },
         {
             href: '/docs/tutorials/flutter',
-            cover: {
-                src: '/images/tutorials/flutter.png',
-                alt: 'Flutter logo'
-            },
+            cover: '/images/tutorials/flutter.png',
             title: 'Flutter tutorial',
             description: 'Learn Appwrite Auth, Databases, and more with Flutter.'
         }
diff --git a/src/routes/docs/CodeCard.svelte b/src/routes/docs/CodeCard.svelte
index afc72abae4..545a3288d1 100644
--- a/src/routes/docs/CodeCard.svelte
+++ b/src/routes/docs/CodeCard.svelte
@@ -1,10 +1,7 @@
 <script lang="ts" context="module">
     export type CodeCardProps = {
         href: string;
-        cover: {
-            src: string;
-            alt: string;
-        };
+        cover: string;
         title: string;
         description: string;
     };
@@ -20,7 +17,7 @@
 
 <a class="aw-grid-articles-item is-full-color" {href}>
     <div class="aw-grid-articles-item-image">
-        <img src={cover.src} alt={cover.alt} loading="lazy" />
+        <img src={cover} alt='' loading="lazy" />
     </div>
     <article class="aw-grid-articles-item-content">
         <header class="aw-articles-item-header">
diff --git a/src/routes/docs/tutorials/+page.svelte b/src/routes/docs/tutorials/+page.svelte
index 40429352e5..12fe092488 100644
--- a/src/routes/docs/tutorials/+page.svelte
+++ b/src/routes/docs/tutorials/+page.svelte
@@ -54,7 +54,7 @@
                     <li class="is-mobile-col-span-2">
                         <a href="/docs/tutorials/vue" class="aw-card is-normal">
                             <header class="u-flex u-cross-center u-gap-4">
-                                <img src="/images/platforms/{$themeInUse}/vue.svg" alt="" />
+                                <img src="/images/platforms/{$themeInUse}/vue.svg" alt='' />
                                 <h4 class="aw-sub-body-500 aw-u-color-text-primary">Vue</h4>
                             </header>
                             <p class="aw-sub-body-400 u-margin-block-start-4">