diff --git a/src/app/api/images/route.tsx b/src/app/api/images/route.tsx
index f70ba29..e41e487 100644
--- a/src/app/api/images/route.tsx
+++ b/src/app/api/images/route.tsx
@@ -14,6 +14,7 @@ import { headers } from "next/headers";
 function WhoamiImage({
   nickname,
   expiration,
+  expirationDate,
   groups,
   theme,
 }: WhoamiProps & {
@@ -123,7 +124,7 @@ function WhoamiImage({
               fontWeight: "bold",
             }}
           >
-            {expiration}
+            {expiration} ({expirationDate})
           </span>
         </div>
         {groups.length > 0 && (
@@ -204,7 +205,7 @@ export async function GET(request: Request) {
     );
   }
 
-  const { groups, nickname, expiration } = getBarData(jwt);
+  const { groups, nickname, expiration, expirationDate} = getBarData(jwt);
 
   return new ImageResponse(
     (
@@ -212,6 +213,7 @@ export async function GET(request: Request) {
         groups={groups}
         nickname={nickname}
         expiration={expiration}
+        expirationDate={expirationDate}
         theme={theme}
       />
     ),
diff --git a/src/components/whoami.tsx b/src/components/whoami.tsx
index 44cdd18..74d34b4 100644
--- a/src/components/whoami.tsx
+++ b/src/components/whoami.tsx
@@ -9,6 +9,7 @@ import { IconUsercircle } from "./icons/IconUserCircle";
 export interface WhoamiProps {
   nickname: string;
   expiration: string;
+  expirationDate: string;
   groups: string[];
 }