diff --git a/backend/src/components/lookup.js b/backend/src/components/lookup.js
index d1dbc716..1cb38c4d 100644
--- a/backend/src/components/lookup.js
+++ b/backend/src/components/lookup.js
@@ -1,41 +1,41 @@
-'use strict';
-const {getOperation, getLabelFromValue, } = require('./utils');
-const HttpStatus = require('http-status-codes');
-const _ = require ('lodash');
-const cache = require('memory-cache');
-const { PROGRAM_YEAR_STATUS_CODES, ORGANIZATION_PROVIDER_TYPES, CHANGE_REQUEST_TYPES } = require('../util/constants');
-const { ProgramYearMappings, SystemMessagesMappings, RequestCategoryMappings } = require('../util/mapping/Mappings');
-const { MappableObjectForFront } = require('../util/mapping/MappableObject');
+'use strict'
+const { getOperation, getLabelFromValue } = require('./utils')
+const HttpStatus = require('http-status-codes')
+const _ = require('lodash')
+const cache = require('memory-cache')
+const { PROGRAM_YEAR_STATUS_CODES, ORGANIZATION_PROVIDER_TYPES, CHANGE_REQUEST_TYPES } = require('../util/constants')
+const { ProgramYearMappings, SystemMessagesMappings, RequestCategoryMappings } = require('../util/mapping/Mappings')
+const { MappableObjectForFront } = require('../util/mapping/MappableObject')
 const log = require('../components/logger')
 
-const lookupCache = new cache.Cache();
+const lookupCache = new cache.Cache()
 
 const organizationType = [
   {
     name: 'Non-Profit Society',
-    id: 100000000
+    id: 100000000,
   },
   {
     name: 'Public Institution (college/university)',
-    id: 100000001
+    id: 100000001,
   },
   {
     name: 'Registered Company',
-    id: 100000002
+    id: 100000002,
   },
   {
     name: 'Local Government',
-    id: 100000003
+    id: 100000003,
   },
   {
     name: 'First Nations Government',
-    id: 100000004
+    id: 100000004,
   },
   {
     name: 'Sole Proprietorship or Partnership',
-    id: 100000005
-  }
-];
+    id: 100000005,
+  },
+]
 
 const fundingModelType = [
   {
@@ -50,7 +50,7 @@ const fundingModelType = [
     id: 100000002,
     description: 'Some of our facilities have both non-provincially funded ECEs that do not receive Low-Wage Redress Funding AND provincially funded ECEs receiving Low-Wage Redress Funding',
   },
-];
+]
 
 function parseProgramYear(value) {
   let programYears = {
@@ -59,59 +59,70 @@ function parseProgramYear(value) {
     previous: undefined,
     renewal: undefined,
     newApp: undefined,
-    list: []
-  };
-  value.forEach(item => {
-    let p = new MappableObjectForFront(item, ProgramYearMappings).data;
-    let currentStatus = p.status;
-    p.status = getLabelFromValue(p.status, PROGRAM_YEAR_STATUS_CODES);
+    list: [],
+  }
+  value.forEach((item) => {
+    let p = new MappableObjectForFront(item, ProgramYearMappings).data
+    let currentStatus = p.status
+    p.status = getLabelFromValue(p.status, PROGRAM_YEAR_STATUS_CODES)
     if (currentStatus == PROGRAM_YEAR_STATUS_CODES.CURRENT) {
-      programYears.current = p;
+      programYears.current = p
     } else if (currentStatus == PROGRAM_YEAR_STATUS_CODES.FUTURE) {
-      programYears.future = p;
+      programYears.future = p
     }
-    programYears.list.push(p);
-  });
-  programYears.previous = programYears.list.find(p => p.programYearId == programYears.current.previousYearId);
-  programYears.list.sort((a,b) => { return b.order - a.order; } );
-  programYears.renewal = programYears.future ? programYears.future:  programYears.list[0];
+    programYears.list.push(p)
+  })
+  programYears.previous = programYears.list.find((p) => p.programYearId == programYears.current.previousYearId)
+  programYears.list.sort((a, b) => {
+    return b.order - a.order
+  })
+  programYears.renewal = programYears.future ? programYears.future : programYears.list[0]
 
   // Set the program year for a new application
   if (programYears.current?.intakeEnd) {
-    const intakeDate = new Date(programYears.current?.intakeEnd);
-    programYears.newApp = new Date() > intakeDate ? programYears.renewal : programYears.current;
+    const intakeDate = new Date(programYears.current?.intakeEnd)
+    programYears.newApp = new Date() > intakeDate ? programYears.renewal : programYears.current
   } else {
-    programYears.newApp = programYears.current;
+    programYears.newApp = programYears.current
   }
 
-
-
-
-  return programYears;
+  return programYears
 }
 
 async function getLicenseCategory() {
-  let resData = lookupCache.get('licenseCategory');
+  let resData = lookupCache.get('licenseCategory')
   if (!resData) {
-    resData = {};
-    let licenseCategory = await getOperation('ccof_license_categories');
-    licenseCategory = licenseCategory.value.filter(item => item.statuscode ==1).map(item => { return _.pick(item, ['ccof_license_categoryid', 'ccof_providertype', 'ccof_name', 'ccof_categorynumber']); });
-    resData.groupLicenseCategory = licenseCategory.filter( item => item.ccof_providertype == ORGANIZATION_PROVIDER_TYPES.GROUP).sort((a,b) => { return a.ccof_categorynumber - b.ccof_categorynumber; } );
-    resData.familyLicenseCategory = licenseCategory.filter( item => item.ccof_providertype == ORGANIZATION_PROVIDER_TYPES.FAMILY).sort((a,b) => { return a.ccof_categorynumber - b.ccof_categorynumber; } );
-    lookupCache.put('licenseCategory', resData, 60 * 60 * 1000);
+    resData = {}
+    let licenseCategory = await getOperation('ccof_license_categories')
+    licenseCategory = licenseCategory.value
+      .filter((item) => item.statuscode == 1)
+      .map((item) => {
+        return _.pick(item, ['ccof_license_categoryid', 'ccof_providertype', 'ccof_name', 'ccof_categorynumber'])
+      })
+    resData.groupLicenseCategory = licenseCategory
+      .filter((item) => item.ccof_providertype == ORGANIZATION_PROVIDER_TYPES.GROUP)
+      .sort((a, b) => {
+        return a.ccof_categorynumber - b.ccof_categorynumber
+      })
+    resData.familyLicenseCategory = licenseCategory
+      .filter((item) => item.ccof_providertype == ORGANIZATION_PROVIDER_TYPES.FAMILY)
+      .sort((a, b) => {
+        return a.ccof_categorynumber - b.ccof_categorynumber
+      })
+    lookupCache.put('licenseCategory', resData, 60 * 60 * 1000)
   }
-  return resData;
+  return resData
 }
 
 async function getRequestCategories() {
-  let requestCategories = lookupCache.get('requestCategories');
+  let requestCategories = lookupCache.get('requestCategories')
   if (!requestCategories) {
-    requestCategories = [];
-    let response = await getOperation('ofm_request_categories');
-    response?.value?.forEach(item => requestCategories.push(new MappableObjectForFront(item, RequestCategoryMappings)));
-    lookupCache.put('requestCategories', requestCategories, 60 * 60 * 1000);
+    requestCategories = []
+    let response = await getOperation('ofm_request_categories')
+    response?.value?.forEach((item) => requestCategories.push(new MappableObjectForFront(item, RequestCategoryMappings)))
+    lookupCache.put('requestCategories', requestCategories, 60 * 60 * 1000)
   }
-  return requestCategories;
+  return requestCategories
 }
 
 async function getLookupInfo(req, res) {
@@ -124,34 +135,34 @@ async function getLookupInfo(req, res) {
    * 4 - Historica
    */
   try {
-    let resData = lookupCache.get('lookups');
+    let resData = lookupCache.get('lookups')
     if (!resData) {
-      let requestCategories = await getRequestCategories();
+      let requestCategories = await getRequestCategories()
       resData = {
-        'requestCategories': requestCategories,
-      };
-      lookupCache.put('lookups', resData, 60 * 60 * 1000);
+        requestCategories: requestCategories,
+      }
+      lookupCache.put('lookups', resData, 60 * 60 * 1000)
     }
-    return res.status(HttpStatus.OK).json(resData);
+    return res.status(HttpStatus.OK).json(resData)
   } catch (e) {
-    return res.status(HttpStatus.INTERNAL_SERVER_ERROR).json(e.data ? e.data : e?.status);
+    return res.status(HttpStatus.INTERNAL_SERVER_ERROR).json(e.data ? e.data : e?.status)
   }
 }
 
 async function getSystemMessages(req, res) {
-  let systemMessages = lookupCache.get('systemMessages');
+  let systemMessages = lookupCache.get('systemMessages')
   if (!systemMessages) {
-    let currentTime = (new Date()).toISOString();
-    systemMessages = [];
-    let resData = await getOperation(`ccof_systemmessages?$filter=(ccof_startdate le ${currentTime} and ccof_enddate ge ${currentTime})`);
-    resData?.value.forEach(message => systemMessages.push(new MappableObjectForFront(message, SystemMessagesMappings).data));
-    lookupCache.put('systemMessages', systemMessages, 60 * 60 * 1000);
+    let currentTime = new Date().toISOString()
+    systemMessages = []
+    let resData = await getOperation(`ccof_systemmessages?$filter=(ccof_startdate le ${currentTime} and ccof_enddate ge ${currentTime})`)
+    resData?.value.forEach((message) => systemMessages.push(new MappableObjectForFront(message, SystemMessagesMappings).data))
+    lookupCache.put('systemMessages', systemMessages, 60 * 60 * 1000)
   }
-  return res.status(HttpStatus.OK).json(systemMessages);
+  return res.status(HttpStatus.OK).json(systemMessages)
 }
 
 module.exports = {
   getLookupInfo,
   getLicenseCategory,
-  getSystemMessages
-};
+  getSystemMessages,
+}
diff --git a/backend/src/components/message.js b/backend/src/components/message.js
index 99978a93..1bce6b6c 100644
--- a/backend/src/components/message.js
+++ b/backend/src/components/message.js
@@ -16,17 +16,16 @@ function mapMessageObjectForFront(data) {
 
 function mapAssistanceRequestObjectForBack(data) {
   let assistanceRequest = new MappableObjectForBack(data, AssistanceRequestMappings).toJSON()
-  if (assistanceRequest['ofm_contact_method'] == '1')
-    delete assistanceRequest['ofm_telephone']
+  if (assistanceRequest['ofm_contact_method'] == '1') delete assistanceRequest['ofm_telephone']
   assistanceRequest['ofm_request_category@odata.bind'] = `/ofm_request_categories(${data?.requestCategoryId})`
   assistanceRequest['ofm_contact@odata.bind'] = `/contacts(${data?.contactId})`
-  assistanceRequest['ofm_facility_request_request'] = [];
-  data?.facilities?.forEach(facility => {
+  assistanceRequest['ofm_facility_request_request'] = []
+  data?.facilities?.forEach((facility) => {
     assistanceRequest['ofm_facility_request_request'].push({
-      'ofm_facility@odata.bind' : `/accounts(${facility.facilityId})`,
+      'ofm_facility@odata.bind': `/accounts(${facility.facilityId})`,
     })
   })
-  return assistanceRequest;
+  return assistanceRequest
 }
 
 function sortByPropertyDesc(property) {
@@ -67,7 +66,7 @@ async function updateMessageLastOpenedTime(req, res) {
     let response = await patchOperationWithObjectId('emails', req.params.messageId, req.body)
     return res.status(HttpStatus.OK).json(response)
   } catch (e) {
-    return res.status(HttpStatus.INTERNAL_SERVER_ERROR).json(e.data? e.data : e?.status )
+    return res.status(HttpStatus.INTERNAL_SERVER_ERROR).json(e.data ? e.data : e?.status)
   }
 }
 
@@ -78,7 +77,7 @@ async function createNewAssistanceRequest(req, res) {
     response = new MappableObjectForFront(response, AssistanceRequestMappings).toJSON()
     return res.status(HttpStatus.OK).json(response)
   } catch (e) {
-    return res.status(HttpStatus.INTERNAL_SERVER_ERROR).json(e.data? e.data : e?.status )
+    return res.status(HttpStatus.INTERNAL_SERVER_ERROR).json(e.data ? e.data : e?.status)
   }
 }
 
@@ -86,5 +85,4 @@ module.exports = {
   getMessages,
   updateMessageLastOpenedTime,
   createNewAssistanceRequest,
-};
-
+}
diff --git a/backend/src/routes/message.js b/backend/src/routes/message.js
index ff7b3f13..23549646 100644
--- a/backend/src/routes/message.js
+++ b/backend/src/routes/message.js
@@ -6,34 +6,34 @@ const isValidBackendToken = auth.isValidBackendToken()
 const { getMessages, updateMessageLastOpenedTime, createNewAssistanceRequest } = require('../components/message')
 const { param, validationResult, checkSchema } = require('express-validator')
 
-module.exports = router;
+module.exports = router
 
 const newAssistanceRequestSchema = {
   contactId: {
     in: ['body'],
-    exists: { errorMessage: '[contactId] is required', }
+    exists: { errorMessage: '[contactId] is required' },
   },
   requestCategoryId: {
     in: ['body'],
-    exists: { errorMessage: '[requestCategoryId] is required', }
+    exists: { errorMessage: '[requestCategoryId] is required' },
   },
   subject: {
     in: ['body'],
-    exists: { errorMessage: '[subject] is required', }
+    exists: { errorMessage: '[subject] is required' },
   },
   description: {
     in: ['body'],
-    exists: { errorMessage: '[description] is required', }
+    exists: { errorMessage: '[description] is required' },
   },
   facilities: {
     in: ['body'],
-    exists: { errorMessage: '[facilities] is required', }
+    exists: { errorMessage: '[facilities] is required' },
   },
   contactMethod: {
     in: ['body'],
-    exists: { errorMessage: '[contactMethod] is required', }
-  }
-};
+    exists: { errorMessage: '[contactMethod] is required' },
+  },
+}
 
 /**
  * Get messages filtered by contactid
@@ -54,10 +54,9 @@ router.put('/:messageId', passport.authenticate('jwt', { session: false }), isVa
 /**
  * Create a new Assistance Request
  */
-router.post('/newAssistanceRequest', passport.authenticate('jwt', {session: false}),isValidBackendToken, [
-  checkSchema(newAssistanceRequestSchema)], (req, res) => { 
-  validationResult(req).throw();
-  return createNewAssistanceRequest(req, res);
-});
+router.post('/newAssistanceRequest', passport.authenticate('jwt', { session: false }), isValidBackendToken, [checkSchema(newAssistanceRequestSchema)], (req, res) => {
+  validationResult(req).throw()
+  return createNewAssistanceRequest(req, res)
+})
 
 module.exports = router
diff --git a/backend/src/util/mapping/Mappings.js b/backend/src/util/mapping/Mappings.js
index af12f844..b3a6e226 100644
--- a/backend/src/util/mapping/Mappings.js
+++ b/backend/src/util/mapping/Mappings.js
@@ -35,7 +35,7 @@ const UserProfileFacilityMappings = [
 const RequestCategoryMappings = [
   { back: 'ofm_name', front: 'categoryName' },
   { back: 'ofm_request_categoryid', front: 'categoryId' },
-];
+]
 
 const AssistanceRequestMappings = [
   { back: 'ofm_subject', front: 'subject' },
@@ -44,7 +44,7 @@ const AssistanceRequestMappings = [
   { back: 'ofm_telephone', front: 'phone' },
   { back: 'ofm_assistance_requestid', front: 'assistanceRequestId' },
   { back: 'ofm_name', front: 'referenceNumber' },
-];
+]
 
 const NotificationMappings = [
   { back: 'activityid', front: 'notificationId' },
@@ -62,4 +62,4 @@ module.exports = {
   UserProfileFacilityMappings,
   RequestCategoryMappings,
   AssistanceRequestMappings,
-};
+}
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 7e3e56cc..a12cd0cc 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -10,8 +10,7 @@
 
     <v-main class="align-start">
       <TheModalIdle v-if="isAuthenticated" class="align-start px-8 mb-0" />
-      <v-navigation-drawer class="site-menu" :width="200" :model-value="showMenu" :scrim="false"
-        v-if="isAuthenticated && userInfo">
+      <v-navigation-drawer class="site-menu" :width="200" :model-value="showMenu" :scrim="false" v-if="isAuthenticated && userInfo">
         <TheMenu />
       </v-navigation-drawer>
       <router-view class="align-start pt-8 px-8 mb-0" />
@@ -31,7 +30,7 @@ import TheNavBar from '@/components/TheNavBar.vue'
 import TheSnackBar from '@/components/TheSnackBar.vue'
 import { useAppStore } from '@/stores/app'
 import { useAuthStore } from '@/stores/auth'
-import HttpStatus from 'http-status-codes';
+import HttpStatus from 'http-status-codes'
 
 export default {
   name: 'App',
@@ -73,20 +72,20 @@ export default {
   async created() {
     //this.setLoading(true);
     this.getJwtToken()
-    .then(() => Promise.all([this.getLookupInfo()]))
-    .catch((e) => {
-      if (!e.response || e.response.status !== HttpStatus.UNAUTHORIZED) {
-        // this.logout()
-        console.log(e);
-        this.$router.replace({
-          name: 'error',
-          query: { message: `500_${e.data || 'ServerError'}` },
-        })
-      }
-    })
-    .finally(() => {
-      // this.setLoading(false);
-    })
+      .then(() => Promise.all([this.getLookupInfo()]))
+      .catch((e) => {
+        if (!e.response || e.response.status !== HttpStatus.UNAUTHORIZED) {
+          // this.logout()
+          console.log(e)
+          this.$router.replace({
+            name: 'error',
+            query: { message: `500_${e.data || 'ServerError'}` },
+          })
+        }
+      })
+      .finally(() => {
+        // this.setLoading(false);
+      })
     // this.setLoading(false);
   },
   methods: {
diff --git a/frontend/src/common/apiService.js b/frontend/src/common/apiService.js
index 167c0a55..0380104d 100644
--- a/frontend/src/common/apiService.js
+++ b/frontend/src/common/apiService.js
@@ -108,11 +108,11 @@ export default {
   },
 
   async getLookupInfo() {
-    try{
-      return await apiAxios.get(ApiRoutes.LOOKUP);
-    } catch(e) {
-      console.log(`Failed to get from Nodejs getLookups API - ${e}`);
-      throw e;
+    try {
+      return await apiAxios.get(ApiRoutes.LOOKUP)
+    } catch (e) {
+      console.log(`Failed to get from Nodejs getLookups API - ${e}`)
+      throw e
     }
   },
 }
diff --git a/frontend/src/components/messages/MessagesTab.vue b/frontend/src/components/messages/MessagesTab.vue
index e9093fac..0a42c600 100644
--- a/frontend/src/components/messages/MessagesTab.vue
+++ b/frontend/src/components/messages/MessagesTab.vue
@@ -1,20 +1,17 @@
 <template>
   <v-container class="px-10">
     <v-btn id="new-message" text @click="openNewRequestDialog()">
-        <v-icon class="mr-2">mdi-email-plus-outline</v-icon>
-        New message
+      <v-icon class="mr-2">mdi-email-plus-outline</v-icon>
+      New message
     </v-btn>
-    <NewRequestDialog 
-      :showNewRequestDialog="showNewRequestDialog"
-      @closeNewRequestDialog="closeNewRequestDialog"/>
+    <NewRequestDialog :showNewRequestDialog="showNewRequestDialog" @closeNewRequestDialog="closeNewRequestDialog" />
   </v-container>
 </template>
 
 <script>
-import { mapState } from 'pinia';
-import NewRequestDialog from '@/components/messages/NewRequestDialog.vue';
-import { useAuthStore } from '@/stores/auth';
-
+import { mapState } from 'pinia'
+import NewRequestDialog from '@/components/messages/NewRequestDialog.vue'
+import { useAuthStore } from '@/stores/auth'
 
 export default {
   name: 'MessagesTab',
@@ -29,14 +26,13 @@ export default {
   },
   methods: {
     openNewRequestDialog() {
-      this.showNewRequestDialog = true;
+      this.showNewRequestDialog = true
     },
     closeNewRequestDialog() {
-      this.showNewRequestDialog = false;
+      this.showNewRequestDialog = false
     },
   },
 }
 </script>
 
-<style scoped>
-</style>
+<style scoped></style>
diff --git a/frontend/src/components/messages/NewRequestConfirmationDialog.vue b/frontend/src/components/messages/NewRequestConfirmationDialog.vue
index 1668f738..394ae45a 100644
--- a/frontend/src/components/messages/NewRequestConfirmationDialog.vue
+++ b/frontend/src/components/messages/NewRequestConfirmationDialog.vue
@@ -1,15 +1,10 @@
 <template>
-  <AppDialog
-    v-model="isDisplayed"
-    :title="dialogTitle"
-    persistent
-    max-width="40%"
-    @closeDialog="closeDialog">
+  <AppDialog v-model="isDisplayed" :title="dialogTitle" persistent max-width="40%" @closeDialog="closeDialog">
     <template #content>
       <v-row>
         <v-col align="center">
           <p class="pt-4">Your message has been submitted.</p>
-          <p class="pt-4">Reference: {{referenceNumber}}</p>
+          <p class="pt-4">Reference: {{ referenceNumber }}</p>
           <p class="pt-4">Typical response times are 3-5 business days.</p>
         </v-col>
       </v-row>
@@ -24,51 +19,48 @@
 </template>
 
 <script>
-import AppButton from '../ui/AppButton.vue';
-import AppDialog from '../ui/AppDialog.vue';
+import AppButton from '../ui/AppButton.vue'
+import AppDialog from '../ui/AppDialog.vue'
 import { PATHS } from '@/utils/constants'
 
-
 export default {
   name: 'NewRequestConfirmationDialog',
   components: { AppButton, AppDialog },
   props: {
     showNewRequestConfirmationDialog: {
       type: Boolean,
-      default: false
+      default: false,
     },
     referenceNumber: {
       type: String,
-      default: ''
+      default: '',
     },
   },
   emits: ['closeNewRequestConfirmationDialog'],
   data() {
     return {
       isDisplayed: false,
-      dialogTitle: "Success",
+      dialogTitle: 'Success',
     }
   },
   watch: {
     showNewRequestConfirmationDialog: {
       handler(value) {
-        this.isDisplayed = value;
+        this.isDisplayed = value
       },
-    }
+    },
   },
   methods: {
     returnToHome() {
-      this.closeDialog();
-      this.$router.push(PATHS.HOME);
+      this.closeDialog()
+      this.$router.push(PATHS.HOME)
     },
     viewMessages() {
-      this.closeDialog();
+      this.closeDialog()
     },
     closeDialog() {
-      this.$emit('closeNewRequestConfirmationDialog');
+      this.$emit('closeNewRequestConfirmationDialog')
     },
   },
-
 }
 </script>
-
diff --git a/frontend/src/components/messages/NewRequestDialog.vue b/frontend/src/components/messages/NewRequestDialog.vue
index 68347e25..0a99236e 100644
--- a/frontend/src/components/messages/NewRequestDialog.vue
+++ b/frontend/src/components/messages/NewRequestDialog.vue
@@ -1,11 +1,6 @@
 <template>
   <v-container>
-    <AppDialog
-      v-model="isDisplayed"
-      :title="dialogTitle"
-      persistent
-      max-width="70%"
-      @closeDialog="closeNewRequestDialog">
+    <AppDialog v-model="isDisplayed" :title="dialogTitle" persistent max-width="70%" @closeDialog="closeNewRequestDialog">
       <template #content>
         <v-form ref="newRequestForm" v-model="newRequestModel.isFormComplete" class="px-12 mx-8">
           <v-row no-gutters class="mt-4">
@@ -20,8 +15,7 @@
                 :items="requestCategories"
                 item-title="categoryName"
                 item-value="categoryId"
-                :rules="rules.required">
-              </v-select>
+                :rules="rules.required"></v-select>
             </v-col>
           </v-row>
           <v-row no-gutters class="mt-2">
@@ -29,13 +23,7 @@
               <strong>Subject:</strong>
             </v-col>
             <v-col class="v-col-12 v-col-md-9 v-col-xl-10">
-              <v-text-field
-                v-model="newRequestModel.subject"
-                placeholder="Brief summary of request"
-                counter maxlength="100"
-                variant="outlined"
-                :rules="rules.required">
-              </v-text-field>
+              <v-text-field v-model="newRequestModel.subject" placeholder="Brief summary of request" counter maxlength="100" variant="outlined" :rules="rules.required"></v-text-field>
             </v-col>
           </v-row>
           <v-row no-gutters class="mt-2">
@@ -43,12 +31,7 @@
               <strong>Request description:</strong>
             </v-col>
             <v-col class="v-col-12">
-              <v-textarea
-                v-model="newRequestModel.description"
-                placeholder="Detailed description of request"
-                counter maxlength="1000"
-                variant="outlined" :rules="rules.required">
-              </v-textarea>
+              <v-textarea v-model="newRequestModel.description" placeholder="Detailed description of request" counter maxlength="1000" variant="outlined" :rules="rules.required"></v-textarea>
             </v-col>
           </v-row>
           <v-row no-gutters class="mt-2">
@@ -64,16 +47,17 @@
                 :rules="rules.listIsNotEmpty"
                 :items="facilities"
                 item-title="facilityName"
-                item-value="facilityId">
-              </v-select>
+                item-value="facilityId"></v-select>
             </v-col>
           </v-row>
           <v-row no-gutters align="center" class="mt-2">
             <div class="blueText mr-8">
-              <strong>Supporting documents</strong> (optional):
+              <strong>Supporting documents</strong>
+              (optional):
             </div>
             <AppButton :isPrimary="false" @click="false">
-              <v-icon class="mr-3">mdi-tray-arrow-up</v-icon>Upload
+              <v-icon class="mr-3">mdi-tray-arrow-up</v-icon>
+              Upload
             </AppButton>
           </v-row>
           <v-row no-gutters class="mt-2">
@@ -81,11 +65,7 @@
               <strong>Preferred method of contact:</strong>
             </v-col>
             <v-col class="v-col-12">
-              <v-radio-group
-                v-model="newRequestModel.contactMethod"
-                :rules="rules.required"
-                inline
-              >
+              <v-radio-group v-model="newRequestModel.contactMethod" :rules="rules.required" inline>
                 <v-radio label="Phone" value="2"></v-radio>
                 <v-radio label="Portal message" value="1"></v-radio>
               </v-radio-group>
@@ -96,10 +76,7 @@
               <strong>Business Phone:</strong>
             </v-col>
             <v-col class="v-col-12 v-col-md-9 v-col-xl-10">
-              <v-text-field
-                v-model="newRequestModel.phone"
-                variant="outlined" 
-                :rules="[...rules.required, rules.phone]"/>
+              <v-text-field v-model="newRequestModel.phone" variant="outlined" :rules="[...rules.required, rules.phone]" />
             </v-col>
           </v-row>
         </v-form>
@@ -112,21 +89,21 @@
       </template>
     </AppDialog>
     <NewRequestConfirmationDialog
-        :referenceNumber="referenceNumber"
-        :showNewRequestConfirmationDialog="showNewRequestConfirmationDialog"
-        @closeNewRequestConfirmationDialog="closeNewRequestConfirmationDialog"/>
+      :referenceNumber="referenceNumber"
+      :showNewRequestConfirmationDialog="showNewRequestConfirmationDialog"
+      @closeNewRequestConfirmationDialog="closeNewRequestConfirmationDialog" />
   </v-container>
 </template>
 
 <script>
-import { mapState, mapActions } from 'pinia';
-import { useAuthStore } from '@/stores/auth';
-import { useAppStore } from '@/stores/app';
-import { useMessagesStore } from '@/stores/messages';
-import AppButton from '../ui/AppButton.vue';
-import AppDialog from '../ui/AppDialog.vue';
-import rules from '@/utils/rules';
-import NewRequestConfirmationDialog from '@/components/messages/NewRequestConfirmationDialog.vue';
+import { mapState, mapActions } from 'pinia'
+import { useAuthStore } from '@/stores/auth'
+import { useAppStore } from '@/stores/app'
+import { useMessagesStore } from '@/stores/messages'
+import AppButton from '../ui/AppButton.vue'
+import AppDialog from '../ui/AppDialog.vue'
+import rules from '@/utils/rules'
+import NewRequestConfirmationDialog from '@/components/messages/NewRequestConfirmationDialog.vue'
 
 export default {
   name: 'NewRequestDialog',
@@ -134,13 +111,13 @@ export default {
   props: {
     showNewRequestDialog: {
       type: Boolean,
-      default: false
+      default: false,
     },
   },
   emits: ['closeNewRequestDialog'],
   data() {
     return {
-      dialogTitle: "New request",
+      dialogTitle: 'New request',
       newRequestModel: {},
       rules,
       isDisplayed: false,
@@ -153,18 +130,18 @@ export default {
     ...mapState(useAppStore, ['requestCategories']),
     ...mapState(useAuthStore, ['userInfo']),
     facilities() {
-      return this.userInfo?.facilityPermission;
+      return this.userInfo?.facilityPermission
     },
   },
   watch: {
     showNewRequestDialog: {
       handler(value) {
-        this.isDisplayed = value;
+        this.isDisplayed = value
       },
-    }
+    },
   },
   beforeMount() {
-    this.setUpDefaultNewRequestModel();
+    this.setUpDefaultNewRequestModel()
   },
   methods: {
     ...mapActions(useMessagesStore, ['submitNewAssistanceRequest']),
@@ -172,50 +149,49 @@ export default {
     setUpDefaultNewRequestModel() {
       this.newRequestModel = {
         contactId: this.userInfo?.contactId,
-        facilities: this.facilities?.filter(facility => facility.statusCode === 1),
-        contactMethod: "1",
+        facilities: this.facilities?.filter((facility) => facility.statusCode === 1),
+        contactMethod: '1',
         phone: this.userInfo?.phone,
-      };
+      }
     },
 
     resetForm() {
-      this.$refs.newRequestForm?.reset();
-      this.setUpDefaultNewRequestModel();
+      this.$refs.newRequestForm?.reset()
+      this.setUpDefaultNewRequestModel()
     },
 
     closeNewRequestDialog() {
-      this.resetForm();
-      this.$emit('closeNewRequestDialog');
+      this.resetForm()
+      this.$emit('closeNewRequestDialog')
     },
 
     async submitNewRequest() {
-      console.log(this.newRequestModel);
-      this.$refs.newRequestForm?.validate();
+      console.log(this.newRequestModel)
+      this.$refs.newRequestForm?.validate()
       if (this.newRequestModel?.isFormComplete) {
         try {
           this.isLoading = true
-          let response = await this.submitNewAssistanceRequest(this.newRequestModel);
-          this.referenceNumber = response?.referenceNumber;
-          this.openNewRequestConfirmationDialog();
+          let response = await this.submitNewAssistanceRequest(this.newRequestModel)
+          this.referenceNumber = response?.referenceNumber
+          this.openNewRequestConfirmationDialog()
         } catch (error) {
-          console.log(`Failed to create a new Assistance Request - ${error}`);
-          throw error;
+          console.log(`Failed to create a new Assistance Request - ${error}`)
+          throw error
         } finally {
           this.closeNewRequestDialog()
           this.isLoading = false
         }
       }
     },
-    
+
     openNewRequestConfirmationDialog() {
-      this.showNewRequestConfirmationDialog = true;
+      this.showNewRequestConfirmationDialog = true
     },
 
     closeNewRequestConfirmationDialog() {
-      this.showNewRequestConfirmationDialog = false;
+      this.showNewRequestConfirmationDialog = false
     },
   },
-
 }
 </script>
 
@@ -223,5 +199,5 @@ export default {
 .blueText {
   color: #003366;
   font-size: 125%;
-};
+}
 </style>
diff --git a/frontend/src/components/ui/AppButton.vue b/frontend/src/components/ui/AppButton.vue
index 9c9450ee..7f4faf6a 100644
--- a/frontend/src/components/ui/AppButton.vue
+++ b/frontend/src/components/ui/AppButton.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-btn :class="[isPrimary ? 'BC-Gov-PrimaryButton': 'BC-Gov-OutlinedButton']" v-bind="$attrs">
+  <v-btn :class="[isPrimary ? 'BC-Gov-PrimaryButton' : 'BC-Gov-OutlinedButton']" v-bind="$attrs">
     <slot />
     <v-icon v-if="$attrs.icon">{{ $attrs.icon }}</v-icon>
   </v-btn>
@@ -10,8 +10,8 @@ export default {
   props: {
     isPrimary: {
       type: Boolean,
-      default: true
-    }
+      default: true,
+    },
   },
 }
 </script>
@@ -57,7 +57,7 @@ export default {
 
 .BC-Gov-OutlinedButton {
   background-color: white;
-  border:1px solid #003366;
+  border: 1px solid #003366;
   color: #003366;
   margin: 8px;
   /* ma-2 */
@@ -83,5 +83,4 @@ export default {
   text-decoration: underline;
   opacity: 0.8;
 }
-
 </style>
diff --git a/frontend/src/components/ui/AppDialog.vue b/frontend/src/components/ui/AppDialog.vue
index 4bed2663..74583419 100644
--- a/frontend/src/components/ui/AppDialog.vue
+++ b/frontend/src/components/ui/AppDialog.vue
@@ -2,15 +2,15 @@
   <v-dialog>
     <template #default="{ isActive }">
       <v-card>
-        <div class="pb-3" style="background-color:#003366;">
+        <div class="pb-3" style="background-color: #003366">
           <v-card-title class="text-white px-10">
             <v-row no-gutters justify="space-between" align="center">
               <h3>{{ title }}</h3>
-              <v-btn variant="text" icon="mdi-window-close" @click="closeDialog()"/>
+              <v-btn variant="text" icon="mdi-window-close" @click="closeDialog()" />
             </v-row>
           </v-card-title>
         </div>
-        <div style="background-color:#FFC72C;padding:2px;"></div>
+        <div style="background-color: #ffc72c; padding: 2px"></div>
         <v-card-text class="mb-4">
           <slot name="content"></slot>
         </v-card-text>
@@ -27,14 +27,14 @@ export default {
   props: {
     title: {
       type: String,
-      default: ''
-    }
+      default: '',
+    },
   },
   emits: ['closeDialog'],
   methods: {
     closeDialog() {
-      this.$emit('closeDialog');
+      this.$emit('closeDialog')
     },
-  }
+  },
 }
-</script>
\ No newline at end of file
+</script>
diff --git a/frontend/src/stores/app.js b/frontend/src/stores/app.js
index d6931421..7c3d0a15 100644
--- a/frontend/src/stores/app.js
+++ b/frontend/src/stores/app.js
@@ -24,12 +24,13 @@ export const useAppStore = defineStore('app', {
   }),
   actions: {
     setRequestCategories(requestCategories) {
-      this.requestCategories = requestCategories;
+      this.requestCategories = requestCategories
     },
     async getLookupInfo() {
-      if (localStorage.getItem('jwtToken')) { // DONT Call api if there is no token.
-        const lookupInfo = await ApiService.getLookupInfo();
-        this.setRequestCategories(lookupInfo.data?.requestCategories);
+      if (localStorage.getItem('jwtToken')) {
+        // DONT Call api if there is no token.
+        const lookupInfo = await ApiService.getLookupInfo()
+        this.setRequestCategories(lookupInfo.data?.requestCategories)
       }
     },
     async setConfig(config) {
diff --git a/frontend/src/stores/messages.js b/frontend/src/stores/messages.js
index 9c138a03..b591188f 100644
--- a/frontend/src/stores/messages.js
+++ b/frontend/src/stores/messages.js
@@ -63,11 +63,11 @@ export const useMessagesStore = defineStore('messages', {
     },
     async submitNewAssistanceRequest(payload) {
       try {
-        let response = await ApiService.apiAxios.post(ApiRoutes.MESSAGE + '/newAssistanceRequest', payload);
-        return response?.data;
+        let response = await ApiService.apiAxios.post(ApiRoutes.MESSAGE + '/newAssistanceRequest', payload)
+        return response?.data
       } catch (error) {
-        console.log(`Failed to create a new Assistance Request - ${error}`);
-        throw error;
+        console.log(`Failed to create a new Assistance Request - ${error}`)
+        throw error
       }
     },
   },
diff --git a/frontend/src/utils/rules.js b/frontend/src/utils/rules.js
index ae4f1378..bfe81a6c 100644
--- a/frontend/src/utils/rules.js
+++ b/frontend/src/utils/rules.js
@@ -24,7 +24,7 @@ const rules = {
     return (v) => !v || v.length <= number || 'Max length exceeded'
   },
   phone: (v) => /^\(?([0-9]{3})\)?[-. ]?([0-9]{3})[-. ]?([0-9]{4})$/.test(v) || 'A valid phone number is required', // https://www.oreilly.com/library/view/regular-expressions-cookbook/9781449327453/ch04s02.html
-  listIsNotEmpty: [(v) =>  v.length > 0 || 'This field is required'],
+  listIsNotEmpty: [(v) => v.length > 0 || 'This field is required'],
 }
 
 export default rules