diff --git a/authentication/src/ory/ui/NodeImage.tsx b/authentication/src/ory/ui/NodeImage.tsx
index d476dbf..d5ec3b2 100644
--- a/authentication/src/ory/ui/NodeImage.tsx
+++ b/authentication/src/ory/ui/NodeImage.tsx
@@ -1,4 +1,5 @@
 import { UiNode, UiNodeImageAttributes } from '@ory/client';
+import Image from 'next/image';
 
 interface Props {
     node: UiNode;
@@ -7,10 +8,10 @@ interface Props {
 
 export const NodeImage = ({ node, attributes }: Props) => {
     return (
-        <img
+        <Image
             src={attributes.src}
             width={200}
-            alt={node.meta.label?.text}
+            alt={node.meta.label?.text || 'Image'}
         />
     );
 };