diff --git a/ui/winstudentgoaltracker/src/app/mobile/components/student-card/student-card.html b/ui/winstudentgoaltracker/src/app/mobile/components/student-card/student-card.html
index 6bc197e..cb092c2 100644
--- a/ui/winstudentgoaltracker/src/app/mobile/components/student-card/student-card.html
+++ b/ui/winstudentgoaltracker/src/app/mobile/components/student-card/student-card.html
@@ -1,6 +1,6 @@
 <div class="card" (click)="onCardClick()">
     <h2 class="identifier">{{ student().identifier }}</h2>
-    <span class="age-badge">Grad Date: {{ student().expectedGradDate }}</span>
+    <span class="age-badge">Grad Date: {{ student().expectedGradDate | date:'M/d/yy' }}</span>
     <div class="stats">
         <span class="stat">{{ student().goalCount }} goals</span>
         <span class="stat">{{ student().progressEventCount }} events</span>
diff --git a/ui/winstudentgoaltracker/src/app/mobile/components/student-card/student-card.ts b/ui/winstudentgoaltracker/src/app/mobile/components/student-card/student-card.ts
index 6f88cbc..238eb52 100644
--- a/ui/winstudentgoaltracker/src/app/mobile/components/student-card/student-card.ts
+++ b/ui/winstudentgoaltracker/src/app/mobile/components/student-card/student-card.ts
@@ -1,10 +1,11 @@
 import { Component, inject, input } from '@angular/core';
 import { Router } from '@angular/router';
 import { StudentCardDto } from '../../../shared/classes/student-card.dto';
+import { DatePipe } from '@angular/common';
 
 @Component({
   selector: 'app-student-card',
-  imports: [],
+  imports: [DatePipe],
   templateUrl: './student-card.html',
   styleUrl: './student-card.scss',
 })