diff --git a/public/index.html b/public/index.html
index 3e2f304..3700d16 100644
--- a/public/index.html
+++ b/public/index.html
@@ -122,10 +122,8 @@
     <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
         integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
         crossorigin="anonymous"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.qrcode/1.0/jquery.qrcode.min.js"
-        integrity="sha512-NFuZW2MPSzrXqxHoCY9CQ0XKn52CK+D+D5lD0SGVJaeDq9kXynU9e+iN8L6UuwTrBO+VJwXGF4q5nZc9E8m6iA=="
-        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
-    <script src="https://cdn.jsdelivr.net/gh/yckart/jquery.storage.js@master/jquery.storage.min.js"></script>
+    <script src="jquery-qrcode/jquery.qrcode.min.js"></script>
+    <script src="jquery.storage.js/jquery.storage.js"></script>
 
     <!-- Original Logic Preserved -->
     <script type="text/javascript">
diff --git a/public/style.css b/public/style.css
index 3e5bc83..4daf98f 100644
--- a/public/style.css
+++ b/public/style.css
@@ -218,6 +218,7 @@ input:focus, select:focus {
 
 #qrcode canvas {
     border-radius: 8px;
+    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
 }
 
 /* History Dropdown Styles */
@@ -298,5 +299,6 @@ footer a:hover {
     .card { box-shadow: none; padding: 0; }
     .page-header, #form, #history-drop, footer, .btn { display: none !important; }
     #result-area { display: block !important; margin: 0; }
+    #qrcode canvas { box-shadow: none; }
     #showssid, #showkey { display: block !important; color: black; }
 }