diff --git a/src/app/mock-treasures.ts b/src/app/mock-treasures.ts
index 8eed52e..b65ac0f 100644
--- a/src/app/mock-treasures.ts
+++ b/src/app/mock-treasures.ts
@@ -1,4 +1,6 @@
-export interface Treasure {
+import { Treasure } from './treasure';
+
+export const treasureMock: Treasure = {
     id: 1,
     name: 'Windstorm Gold Staff',
     location: 'Tree behind home',
diff --git a/src/app/treasure.ts b/src/app/treasure.ts
new file mode 100644
index 0000000..85a2395
--- /dev/null
+++ b/src/app/treasure.ts
@@ -0,0 +1,5 @@
+export class Treasure {
+    id: number;
+    name: string;
+    location: string;
+};
\ No newline at end of file
diff --git a/src/app/treasure/treasure.component.html b/src/app/treasure/treasure.component.html
index 1a70fa7..d85ba57 100644
--- a/src/app/treasure/treasure.component.html
+++ b/src/app/treasure/treasure.component.html
@@ -2,7 +2,7 @@
   <h3>{{treasure.name}} Details</h3>
   <ul class="list-group">
       <li class="list-group-item">
-        <label for="treasure-id"><b>Id:</b></label>
+        <label for="treasure-id">Id:</label>
         <span id="treasure-id">{{treasure.id}}</span>
       </li>
       <li class="list-group-item">
diff --git a/src/app/treasure/treasure.component.ts b/src/app/treasure/treasure.component.ts
index da70959..f55655c 100644
--- a/src/app/treasure/treasure.component.ts
+++ b/src/app/treasure/treasure.component.ts
@@ -1,5 +1,7 @@
 import { Component,OnInit } from '@angular/core';
-import { Treasure } from '../mock-treasures';
+import { treasureMock } from '../mock-treasures';
+import { Treasure } from '../treasure'   
+
 @Component({
     selector: 'app-treasure',
     templateUrl: './treasure.component.html',
@@ -7,11 +9,8 @@ import { Treasure } from '../mock-treasures';
 })
 
 export class TreasureComponent implements OnInit {
-    treasure: Treasure = {
-		id: 1,
-		name: 'Windstorm Gold Staff',
-		location: 'Tree behind home',
-	};
+    treasure:Treasure = treasureMock
+
     constructor() { }
   
     ngOnInit() {