diff --git a/css/index.css b/css/index.css
index 43cee7c1ba90d352365a6d843b662496728f519e..4a7bbff9bb02832bdffd21a079d663de41135e40 100644
--- a/css/index.css
+++ b/css/index.css
@@ -54,7 +54,8 @@
     box-shadow: none;
     border-radius: 20px;
     width: auto;
-    cursor: pointer; }
+    cursor: pointer;
+    font-weight: normal; }
   .coopedia-kldb-search-box .flex-espace {
     justify-content: space-between; }
   .coopedia-kldb-search-box .title_lead {
diff --git a/index.html b/index.html
index 2099d0ff917997f5cef608f1b25659c505d56bf6..001fb18293b3f312f632b2590ea35a736ac035e9 100644
--- a/index.html
+++ b/index.html
@@ -4,12 +4,14 @@
   <meta charset="UTF-8">
   <title>Knowledge base Search Box - Demo</title>
   <script src="https://kit.fontawesome.com/48014d2af3.js"></script>
-  <script type="module" src="search-box.js"></script>
+  <!-- <script type="module" src="search-box.js"></script>
   <script type="module" src="search-results/search-results.js"></script>
-  <!-- <script type="module" src="https://unpkg.com/@startinblox/kldb-search-results"></script> -->
-  <script src="js/connector-script.js"></script>
-
+  <script src="js/connector-script.js"></script> -->
+  <script type="module" src="https://cdn.skypack.dev/@startinblox/kldb-search-results"></script>
+  <script type="module" src="https://cdn.skypack.dev/@startinblox/kldb-search-box"></script>
+  <script type="module" src="https://cdn.skypack.dev/@startinblox/kldb-search-box/js/connector-script.js"></script>
 </head>
+
 <style>
   html, body {
     font-size: 10px;
diff --git a/scss/src/main.scss b/scss/src/main.scss
index fae96f58a4251354a62f8a95b3a64e4330dcbfa3..3d7c19a9d43deb25489ee4c532591968c1215c77 100644
--- a/scss/src/main.scss
+++ b/scss/src/main.scss
@@ -64,6 +64,7 @@
         border-radius: 20px;
         width: auto;
         cursor: pointer;
+        font-weight: normal;
     }
 
     .flex-espace{