diff --git a/examples/blog-starter/components/cover-image.tsx b/examples/blog-starter/components/cover-image.tsx
index 3755f3fb36ba8..6402992661f69 100644
--- a/examples/blog-starter/components/cover-image.tsx
+++ b/examples/blog-starter/components/cover-image.tsx
@@ -1,5 +1,6 @@
 import cn from 'classnames'
 import Link from 'next/link'
+import Image from 'next/image'
 
 type Props = {
   title: string
@@ -9,12 +10,14 @@ type Props = {
 
 const CoverImage = ({ title, src, slug }: Props) => {
   const image = (
-    <img
+    <Image
       src={src}
       alt={`Cover Image for ${title}`}
       className={cn('shadow-sm', {
         'hover:shadow-lg transition-shadow duration-200': slug,
       })}
+      width={1300}
+      height={630}
     />
   )
   return (