diff --git a/public/js/mykad-reader.js b/public/js/mykad-reader.js
index 89548d0..aa3be33 100644
--- a/public/js/mykad-reader.js
+++ b/public/js/mykad-reader.js
@@ -1,5 +1,5 @@
 
-let button_check_mykad = document.getElementById("button_check_mykad");
+let button_read_mykad = document.getElementById("button_read_mykad");
 
 let getMyKadDetail = () => {
     return fetch(mykad_reader_endpoint).then((response) => response.json());
@@ -95,4 +95,4 @@ let populateDaftarPelangganModal = (data) => {
     $('#daftar_pelanggan').modal('show');
 };
 
-button_check_mykad.addEventListener("click", handleMyKadReader);
+button_read_mykad.addEventListener("click", handleMyKadReader);
diff --git a/resources/views/customers/index.blade.php b/resources/views/customers/index.blade.php
index 30830f5..5f0a1b5 100644
--- a/resources/views/customers/index.blade.php
+++ b/resources/views/customers/index.blade.php
@@ -37,6 +37,7 @@
                                             <button class="btn btn-outline-primary" type="submit" id="button-addon2">Cari</button>
                                         </div>
                                     </div>
+                                        <span class="btn btn-outline-primary" id="button_read_mykad">Baca MyKad</span>
                                 </div>
                             </div>
                         </form>
@@ -895,10 +896,10 @@
     }
 </script>
 <script>
-    // mycard-scanner endpoint initialization
+    // mycard-read endpoint initialization
     let mykad_reader_endpoint = "{{ config('mykad-reader.endpoint') }}";
     let wakil_caricustomer_endpoint = "{{ route('wakil.caricustomer') }}"; 
 
 </script>
-<script src="{{ asset('js/mycard-reader.js') }}"></script>
+<script src="{{ asset('js/mykad-reader.js') }}"></script>
 @endsection