diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 00000000..e4eea3fe
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,6 @@
+{
+  "name": "AnalySim",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {}
+}
diff --git a/src/Analysim.Web/ClientApp/src/app/home/home.component.scss b/src/Analysim.Web/ClientApp/src/app/home/home.component.scss
index 94f67f01..cc2fbdd3 100644
--- a/src/Analysim.Web/ClientApp/src/app/home/home.component.scss
+++ b/src/Analysim.Web/ClientApp/src/app/home/home.component.scss
@@ -59,9 +59,19 @@
       object-fit: contain;
     }
 
-    .note-btn {
+  .note-btn {
       @include card-stack-cta;
       padding-top: var(--link-cta-padding-top);
+
+      /* --- Button white color --- */
+      color: #FFFFFF !important;  /* show white */
+      font-weight: 600;           /* For bold  */
+      text-decoration: none;      /* Remove underline*/
+      
+      &:hover {
+        opacity: 0.8;             /* hover effect*/
+        text-decoration: underline; 
+      }
     }
   }