diff --git a/src/layouts/selectYear/selectYear.vue b/src/layouts/selectYear/selectYear.vue
index 56ab2c502..f87273b99 100644
--- a/src/layouts/selectYear/selectYear.vue
+++ b/src/layouts/selectYear/selectYear.vue
@@ -19,6 +19,7 @@ import radioQuestion from "@/commonComponents/radioQuestion/radioQuestion";
 import Header from "@/uxComponents/header/header";
 import { endpoints } from "@/constants/endpoints.js";
 import globalMethods from "@/global-methods";
+import axios from "axios";
 
 export default {
   name: "SelectCar",
@@ -28,7 +29,7 @@ export default {
     };
   },
   mounted() {
-    return globalMethods.callHttpClient({
+    globalMethods.callHttpClient({
           method: endpoints.GetYears.method,
           endpoint: endpoints.GetYears.url,
           payload:{}
@@ -36,6 +37,26 @@ export default {
         .then( (response) => {
           this.years = response.data.Result;
         });
+
+        // Sample Call to Mockey to represent real data being sent back from the API, and how the modles are supposed to
+        // be prosessed and passed to child components.
+         axios.get("https://mockey.qa.sagaws.net/service/content/selectYear").then((response) => {
+            response.data.Result.forEach((m) => {
+                switch (m.Type) {
+                    case this.widgetNames.PAGE_HEADING_WIDGET: {
+                        this.pageHeader = m.Model;
+                        break;
+                    }
+                    case this.widgetNames.RADIO_QUESTION_WIDGET: {
+                        this.radioQuestion = m.Model;
+                        break;
+                    }
+                    default: {
+                        break;
+                    }
+                }
+            })
+        });
   },
   methods: {
     selectYear(year) {
@@ -48,26 +69,5 @@ export default {
     radioQuestion,
     Header,
   },
-        // Sample Call to Mockey to represent real data being sent back from the API, and how the modles are supposed to
-        });
-
-            })
-                }
-                    }
-                        break;
-                    }
-                    default: {
-                        break;
-                        this.radioQuestion = m.Model;
-                    case this.widgetNames.RADIO_QUESTION_WIDGET: {
-                    }
-                        this.pageHeader = m.Model;
-                        break;
-                    case this.widgetNames.PAGE_HEADING_WIDGET: {
-                switch (m.Type) {
-            response.data.Result.forEach((m) => {
-
-        // be prosessed and passed to child components.
-        axios.get("https://mockey.qa.sagaws.net/service/content/selectYear").then((response) => {
 };
 </script>
diff --git a/src/styles/commonStyles.scss b/src/styles/commonStyles.scss
index 37dab947c..3defe4aa7 100644
--- a/src/styles/commonStyles.scss
+++ b/src/styles/commonStyles.scss
@@ -146,63 +146,70 @@ caption {
 
 // SelectCar styles
 .select-car {
-    height: 100vh;
+  height: 100vh;
 
-    .select-car-form {
-        background: $white;
-        height: 100%;
+  .select-car-form, .car_info, .radio_question {
+      background: $white;
+      height: 100%;
 
-        form {
-            height: calc(100% - 230px);
-            overflow-y: scroll;
-            overflow-x: hidden;
-        }
+      .list-view {
+          height: calc(100% - 230px);
+          overflow-y: scroll;
+          overflow-x: hidden;
+      }
 
-        .car_list, .current_car_info-text, .needed_car_info-text {
-            flex-shrink: 0;
-            width: 100%;
-            position: relative;
-            transition: transform .3s;
-        }
-    }
+      .car_list, .current_car_info-text, .needed_car_info-text {
+          flex-shrink: 0;
+          width: 100%;
+          position: relative;
+          transition: transform .3s;
+      }
+  }
 
-    .current_car_info {
-        position: relative;
-        min-height: 2.5rem;
+  .current_car_info {
+      position: relative;
+      min-height: 2.5rem;
 
-        .current_car_info-text {
-            position: absolute;
-        }
-    }
+      .current_car_info-text {
+          position: absolute;
+      }
+  }
+
+  .back-button {
+      margin-left: 5px;
+      img {
+          width: 20px;
+      }
+  }
 }
 
 .slide-enter-from {
-    opacity: 0;
-    transform: translateX(30vw);
+  opacity: 0;
+  transform: translateX(30vw);
 }
 .slide-enter-active, .slide-leave-active {
-    transition: all .4s;
+  transition: all .4s;
 }
 .slide-leave-to {
-    opacity: 0;
-    transform: translateX(-30vw);
+  opacity: 0;
+  transform: translateX(-30vw);
 }
 
 .slide_reverse-enter-from {
-    opacity: 0;
-    transform: translateX(-30vw);
+  opacity: 0;
+  transform: translateX(-30vw);
 }
 .slide_reverse-enter-active, .slide_reverse-leave-active {
-    transition: all .4s;
+  transition: all .4s;
 }
 .slide_reverse-leave-to {
-    opacity: 0;
-    transform: translateX(30vw);
+  opacity: 0;
+  transform: translateX(30vw);
 }
 
 .fade-enter-from, .fade-leave-to {
-    opacity: 0;
+  opacity: 0;
 }
 .fade-enter-active, .fade-leave-active {
-    transition: all .5s ease;
+  transition: all .5s ease;
 }