Search bar issue has resolved

Author: ujj654

index.html

@@ -1677,7 +1677,7 @@ <h2>Cart</h2>
       display: none;
     }
   </style>
-  <script type="text/javascript" src="https://studio.alan.app/web/lib/alan_lib.min.js"></scrip>
+  <script type="text/javascript" src="https://studio.alan.app/web/lib/alan_lib.min.js"></script>
   <script>
     var alanBtnInstance = alanBtn({
       key: '574e6cb0247244fa64a5a62bdae65be32e956eca572e1d8b807a3e2338fdd0dc/stage',
@@ -1700,17 +1700,17 @@ <h2>Cart</h2>
     function playButton() {
       alert("App development is in progress!");
     }
+   </script>
 
-
-  </script>
   <script>
     const scrollButton = document.querySelector('.go-top');
 
     // Show the button when the user scrolls
     window.addEventListener('scroll', () => {
       if (window.scrollY > 300) {
         scrollButton.style.display = 'block';
-      } else {
+      } 
+      else {
         scrollButton.style.display = 'none';
       }
     });

style/style.css

@@ -354,18 +354,23 @@ body.dark {
 
 .local input[type='search'] {
   padding: 1rem 5rem 1rem 2rem;
-  border-radius: 40px;
+  border-radius: 42px;
   font-family: sans-serif;
   border: none;
-  background-color: #d9d9d9;
+  background-color: hsl(0, 0%, 85%);
   text-align: center;
-  font-size: 20px;
+  font-size: 33px;
+}
+
+#search::-webkit-search-cancel-button{
+  position:relative;
+  margin-left: 10px;
 }
 
 .local img {
-  width: 50px;
-  position: relative;
-  right: 80px;
+  width: 52px;
+  position:relative;
+  right: 75px;
 }
 
 ::placeholder {
@@ -706,7 +711,7 @@ body.dark {
 
   .local input[type='search'] {
     padding: 10px 20px;
-    font-size: 18px;
+    font-size: 20px;
   }
 
   .Accessories-box {