diff --git a/app/src/views/Form.vue b/app/src/views/Form.vue
index 0851d30..906a2c1 100644
--- a/app/src/views/Form.vue
+++ b/app/src/views/Form.vue
@@ -53,15 +53,22 @@
             v-model="fruit.calories">
           <label for="calories">Calories</label>
         </div>
-        <a href="#" type="button" class="btn btn-success btn-lg float-end" @click="createData"
-          v-if="!this.$route.params.id">
-          Create
-        </a>
-
-        <a href="#" type="button" class="btn btn-success btn-lg float-end" @click="updateData"
-          v-if="this.$route.params.id">
-          Update
-        </a>
+        <div class="float-start">
+          <a href="#"
+            class="link-offset-2 link-offset-3-hover link-underline link-underline-opacity-0 link-underline-opacity-75-hover"
+            @click="$router.go(-1)">&laquo; Back</a>
+        </div>
+        <div class="float-end">
+          <a href="#" type="button" class="btn btn-success btn-lg float-end" @click="createData"
+            v-if="!this.$route.params.id">
+            Create
+          </a>
+          <a href="#" type="button" class="btn btn-success btn-lg float-end" @click="updateData"
+            v-if="this.$route.params.id">
+            Update
+          </a>
+        </div>
+        <div class="clearfix"></div>
       </form>
       <div class="clearfix"></div>
     </div>
@@ -94,7 +101,7 @@ export default defineComponent({
         sugar: 0,
         calories: 0
       } as Fruit,
-      message: '' as string|object,
+      message: '' as string | object,
       isSuccessful: true,
       submitted: false,
     }
diff --git a/app/src/views/Home.vue b/app/src/views/Home.vue
index 8290dc3..bb0260b 100644
--- a/app/src/views/Home.vue
+++ b/app/src/views/Home.vue
@@ -98,16 +98,17 @@
     </div>
   </div>
 </template>
-<script lang="ts" setup>
-import FavoriteIcon from '@/components/FavoriteIcon.vue'
-</script>
 <script lang = "ts" >
 import { defineComponent } from "vue";
 import FruitsApi from '@/api/fruits'
 import type Fruit from '@/types/Fruit'
+import FavoriteIcon from '@/components/FavoriteIcon.vue'
 
 export default defineComponent({
   name: 'home',
+  components: {
+      FavoriteIcon
+  },
   data() {
     return {
       fruits: [] as Fruit[],
diff --git a/app/src/views/View.vue b/app/src/views/View.vue
index e0e1deb..be53399 100644
--- a/app/src/views/View.vue
+++ b/app/src/views/View.vue
@@ -47,12 +47,14 @@
       </ul>
     </div>
     <div class="col-md-7 col-lg-8">
-      <h4 class="mb-3">Fruit Details <span class="text-muted fs-6 fst-italic">{{ translateSource(fruit.source) }}</span>
+      <h4 class="mb-3">
+        <span class="text-warning" v-if="fruit.favorite !== null"><FavoriteIcon /></span>
+        {{ fruit.name }}
       </h4>
       <div class="row g-3">
         <div class="col-sm-6">
-          <div for="firstName" class="form-label">Name</div>
-          <h6 class="font-weight-bold">{{ fruit.name }}</h6>
+          <div for="firstName" class="form-label">Source</div>
+          <h6 class="font-weight-bold">{{ translateSource(fruit.source) }}</h6>
         </div>
         <div class="col-sm-6">
           <div class="form-label">Family</div>
@@ -80,10 +82,15 @@
       </div>
       <hr class="my-4">
 
+      <div class="float-start">
+        <a href="#"
+          class="link-offset-2 link-offset-3-hover link-underline link-underline-opacity-0 link-underline-opacity-75-hover"
+          @click="$router.go(-1)">&laquo; Back</a>
+      </div>
       <div class="float-end">
-      <router-link
-        class="link-offset-2 link-offset-3-hover link-underline link-underline-opacity-0 link-underline-opacity-75-hover"
-        :to="'/fruit/' + fruit.id">Update</router-link>
+        <router-link
+          class="link-offset-2 link-offset-3-hover link-underline link-underline-opacity-0 link-underline-opacity-75-hover"
+          :to="'/fruit/' + fruit.id">Update</router-link>
       </div>
       <div class="clearfix"></div>
     </div>
@@ -93,9 +100,13 @@
 import { defineComponent } from "vue";
 import FruitsApi from '@/api/fruits'
 import type Fruit from '@/types/Fruit'
+import FavoriteIcon from '@/components/FavoriteIcon.vue'
 
 export default defineComponent({
   name: 'view-fruit',
+  components: {
+      FavoriteIcon
+  },
   data() {
     return {
       fruit: {
@@ -112,7 +123,6 @@ export default defineComponent({
     async retrieveData(id: number) {
       await FruitsApi.get(id)
         .then((response: any) => {
-          console.log(response);
           this.fruit = response.data;
         })
     },