diff --git a/src/components/DaVinciAuthentication.vue b/src/components/DaVinciAuthentication.vue
index 1ae48f3..1f6ad43 100644
--- a/src/components/DaVinciAuthentication.vue
+++ b/src/components/DaVinciAuthentication.vue
@@ -17,7 +17,7 @@ export default {
       Customer Authenticated
     </div>
     <div v-else class="authboxred">
-      <font-awesome-icon id="noauth" :icon="['fas', 'user-lock']" size="2l" />
+      <font-awesome-icon id="noauth" :icon="['fas', 'user-lock']" size="2xl" />
       Customer Not Authenticated
     </div>
   </div>
diff --git a/src/views/DaVinciView.vue b/src/views/DaVinciView.vue
index c24ce85..4fc2e74 100644
--- a/src/views/DaVinciView.vue
+++ b/src/views/DaVinciView.vue
@@ -3,8 +3,8 @@ import TransferSummary from "../components/TransferSummary.vue";
 import DaVinciAuthentication from "../components/DaVinciAuthentication.vue";
 
 const props = defineProps({
-  summary: { type: String, default: "", required: true },
-  authenticated: { type: String, default: "false" },
+  summary: { type: String, default: "<h4>Summary not available.</h4>" },
+  authenticated: { type: Boolean, default: false },
 });
 </script>
 <template>
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index be9aa31..00f3ae4 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -22,10 +22,11 @@ She wants to dicuss with someone to alter payment arrangements payment due date.
   </table>
   </div>`;
 
+const scriptElementName = "script" 
 const integrationCardDoc = `<html>
 
 <head>
-    <script src=https://kit.fontawesome.com/31d985961d.js crossorigin="anonymous"></ script>
+    <${scriptElementName} src="https://kit.fontawesome.com/31d985961d.js" crossorigin="anonymous"></${scriptElementName}>
     <style>
         body {
             font-family: Arial, Helvetica, sans-serif;
@@ -100,7 +101,6 @@ const integrationCardDoc = `<html>
 </body>
 
 </html>`;
-
 </script>
 <template>
   <div class="home">
