diff --git a/php/process_login.php b/php/process_login.php
index ec17358..5956432 100644
--- a/php/process_login.php
+++ b/php/process_login.php
@@ -35,11 +35,11 @@ try {
         // Start session and store user ID
         session_start();
         $_SESSION['user_id'] = $user_id;
-        header("Location: ../qr/qr.html"); // Redirect to QR scanner page
+        header("Location: ../qr/qr.html"); // Redirect to the QR scanner page
         exit();
     } else {
         // Redirect back to login page with an error message
-        header("Location: ../employee-login.html?error=invalid_credentials");
+        header("Location: ../employee-login.php?error=invalid_credentials");
         exit();
     }
 } finally {
diff --git a/qr/qr.html b/qr/qr.html
index 8063ae1..57f6b7d 100644
--- a/qr/qr.html
+++ b/qr/qr.html
@@ -1,28 +1,24 @@
 <!DOCTYPE html>
-<html>
-  <head>
-    <title>QR Code Scanner</title>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>QR Scanner</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
     <link rel="stylesheet" href="styles.css" />
     <script src="https://rawgit.com/sitepoint-editors/jsqrcode/master/src/qr_packed.js"></script>
-  </head>
-
-  <body>
-    <div id="container">
-      <h1>QR Code Scanner</h1>
-
-      <a id="btn-scan-qr">
-        <img src="https://dab1nmslvvntp.cloudfront.net/wp-content/uploads/2017/07/1499401426qr_icon.svg">
-      </div>a>
-
-      <canvas hidden="" id="qr-canvas"></canvas>
-
-      <div id="qr-result" hidden="">
-        <b>Data:</b> <span id="outputData"></span>
-      </div>
+</head>
+<body>
+    <div class="container mt-5">
+        <h1 class="text-center">QR Scanner Page</h1>
+        <a id="btn-scan-qr">
+            <img src="https://dab1nmslvvntp.cloudfront.net/wp-content/uploads/2017/07/1499401426qr_icon.svg">
+        </a>
+        <canvas hidden="" id="qr-canvas"></canvas>
+        <div id="qr-result" hidden="">
+            <b>Data:</b> <span id="outputData"></span>
+        </div>
     </div>
-
     <script src="qrCodeScanner.js"></script>
-  </body>
+</body>
 </html>
