diff --git a/frontend/projects/diagnostic-ui/src/app/pages/home/home.page.html b/frontend/projects/diagnostic-ui/src/app/pages/home/home.page.html
index eee55384e..037215e54 100644
--- a/frontend/projects/diagnostic-ui/src/app/pages/home/home.page.html
+++ b/frontend/projects/diagnostic-ui/src/app/pages/home/home.page.html
@@ -1,34 +1,67 @@
 <ion-content>
   <div style="padding: 48px">
     <ng-container *ngIf="!restarted; else refresh">
-      <h1 class="ion-text-center" style="padding-bottom: 36px; font-size: calc(2vw + 14px);">EmbassyOS - Diagnostic Mode</h1>
-      <h2 style="padding-bottom: 16px; font-size: calc(1vw + 14px); font-weight: bold;">EmbassyOS launch error:</h2>
+      <h1
+        class="ion-text-center"
+        style="padding-bottom: 36px; font-size: calc(2vw + 14px)"
+      >
+        EmbassyOS - Diagnostic Mode
+      </h1>
+      <h2
+        style="
+          padding-bottom: 16px;
+          font-size: calc(1vw + 14px);
+          font-weight: bold;
+        "
+      >
+        EmbassyOS launch error:
+      </h2>
       <div class="code-block">
-        <code><ion-text color="warning">{{ error.problem }}</ion-text></code>
+        <code>
+          <ion-text color="warning">{{ error.problem }}</ion-text>
+          <span *ngIf="error.details">
+            <br />
+            <br />
+            <ion-text color="warning">{{ error.details }}</ion-text>
+          </span>
+        </code>
       </div>
-      <ion-button routerLink="logs">
-        View Logs
-      </ion-button>
-      <h2 style="padding: 32px 0 16px 0; font-size: calc(1vw + 12px); font-weight: bold;">Possible solution:</h2>
+      <ion-button routerLink="logs"> View Logs </ion-button>
+      <h2
+        style="
+          padding: 32px 0 16px 0;
+          font-size: calc(1vw + 12px);
+          font-weight: bold;
+        "
+      >
+        Possible solution:
+      </h2>
       <div class="code-block">
         <code><ion-text color="success">{{ error.solution }}</ion-text></code>
       </div>
-      <ion-button (click)="restart()">
-        Restart Embassy
-      </ion-button>
-      <div *ngIf="error.code === 15 || error.code === 25" class="ion-padding-top">
+      <ion-button (click)="restart()"> Restart Embassy </ion-button>
+      <div
+        *ngIf="error.code === 15 || error.code === 25"
+        class="ion-padding-top"
+      >
         <ion-button *ngIf="error.code === 15" (click)="forgetDrive()">
-          {{ error.code === 15 ? 'Setup Current Drive' : 'Enter Recovery Mode' }}
+          {{ error.code === 15 ? 'Setup Current Drive' : 'Enter Recovery Mode'
+          }}
         </ion-button>
       </div>
     </ng-container>
 
     <ng-template #refresh>
-      <h1 class="ion-text-center" style="padding-bottom: 36px; font-size: calc(2vw + 12px);">Embassy is restarting</h1>
-      <h2 style="padding-bottom: 16px; font-size: calc(1vw + 12px);">Wait for Embassy restart, then refresh this page or click REFRESH below.</h2>
-      <ion-button (click)="refreshPage()">
-        Refresh
-      </ion-button>
+      <h1
+        class="ion-text-center"
+        style="padding-bottom: 36px; font-size: calc(2vw + 12px)"
+      >
+        Embassy is restarting
+      </h1>
+      <h2 style="padding-bottom: 16px; font-size: calc(1vw + 12px)">
+        Wait for Embassy restart, then refresh this page or click REFRESH below.
+      </h2>
+      <ion-button (click)="refreshPage()"> Refresh </ion-button>
     </ng-template>
   </div>
 </ion-content>
diff --git a/frontend/projects/diagnostic-ui/src/app/pages/home/home.page.ts b/frontend/projects/diagnostic-ui/src/app/pages/home/home.page.ts
index 334de6e62..84aa11027 100644
--- a/frontend/projects/diagnostic-ui/src/app/pages/home/home.page.ts
+++ b/frontend/projects/diagnostic-ui/src/app/pages/home/home.page.ts
@@ -12,16 +12,17 @@ export class HomePage {
     code: number
     problem: string
     solution: string
-  } = { } as any
+    details?: string
+  } = {} as any
   solutions: string[] = []
   restarted = false
 
-  constructor (
+  constructor(
     private readonly loadingCtrl: LoadingController,
     private readonly api: ApiService,
-  ) { }
+  ) {}
 
-  async ngOnInit () {
+  async ngOnInit() {
     try {
       const error = await this.api.getError()
       // incorrect drive
@@ -29,27 +30,35 @@ export class HomePage {
         this.error = {
           code: 15,
           problem: 'Unknown storage drive detected',
-          solution: 'To use a different storage drive, replace the current one and click RESTART EMBASSY below. To use the current storage drive, click USE CURRENT DRIVE below, then follow instructions. No data will be erased during this process.'
+          solution:
+            'To use a different storage drive, replace the current one and click RESTART EMBASSY below. To use the current storage drive, click USE CURRENT DRIVE below, then follow instructions. No data will be erased during this process.',
+          details: error.data?.details,
         }
-      // no drive
+        // no drive
       } else if (error.code === 20) {
         this.error = {
           code: 20,
           problem: 'Storage drive not found',
-          solution: 'Insert your EmbassyOS storage drive and click RESTART EMBASSY below.'
+          solution:
+            'Insert your EmbassyOS storage drive and click RESTART EMBASSY below.',
+          details: error.data?.details,
         }
-      // drive corrupted
+        // drive corrupted
       } else if (error.code === 25) {
         this.error = {
           code: 25,
-          problem: 'Storage drive corrupted. This could be the result of data corruption or a physical damage.',
-          solution: 'It may or may not be possible to re-use this drive by reformatting and recovering from backup. To enter recovery mode, click ENTER RECOVERY MODE below, then follow instructions. No data will be erased during this step.'
+          problem:
+            'Storage drive corrupted. This could be the result of data corruption or a physical damage.',
+          solution:
+            'It may or may not be possible to re-use this drive by reformatting and recovering from backup. To enter recovery mode, click ENTER RECOVERY MODE below, then follow instructions. No data will be erased during this step.',
+          details: error.data?.details,
         }
       } else {
         this.error = {
           code: error.code,
           problem: error.message,
-          solution: 'Please conact support.'
+          solution: 'Please conact support.',
+          details: error.data?.details,
         }
       }
     } catch (e) {
@@ -57,7 +66,7 @@ export class HomePage {
     }
   }
 
-  async restart (): Promise<void> {
+  async restart(): Promise<void> {
     const loader = await this.loadingCtrl.create({
       spinner: 'lines',
       cssClass: 'loader',
@@ -74,7 +83,7 @@ export class HomePage {
     }
   }
 
-  async forgetDrive (): Promise<void> {
+  async forgetDrive(): Promise<void> {
     const loader = await this.loadingCtrl.create({
       spinner: 'lines',
       cssClass: 'loader',
@@ -92,7 +101,7 @@ export class HomePage {
     }
   }
 
-  refreshPage (): void {
+  refreshPage(): void {
     window.location.reload()
   }
 }