diff --git a/README.md b/README.md
index 83c4919f..cc10972e 100644
--- a/README.md
+++ b/README.md
@@ -74,7 +74,7 @@ When the WriteChoice team creates or updates some content, they will require a r
 
 4. Access the **Files Changed** tab, where you can check all files that have been changed. If you're using the split preview, the original files appear on the left (lines modified are highlighted in red) and the new version appears on the right (modifications are highlighted in green). 
 
-![Files changed](/assets/files-changed.png "Files changed")
+![Files changed](/assets/files-changed.png "Files changed") 
 
 5. To add a review, move your mouse over the modified file. A blue button will appear on the line beginning. By clicking on it, a review window will appear.
 6. Add your review regarding the new content. You can tag users on your review by adding **@username**. After adding the review, click **Start Review**. You repeat the process as many times as necessary. 
diff --git a/visual-kpi-docs/docs/setup-and-administration/automation/configuration/sql-tutorial.mdx b/visual-kpi-docs/docs/setup-and-administration/automation/configuration/sql-tutorial.mdx
index d42f044b..12cf9085 100644
--- a/visual-kpi-docs/docs/setup-and-administration/automation/configuration/sql-tutorial.mdx
+++ b/visual-kpi-docs/docs/setup-and-administration/automation/configuration/sql-tutorial.mdx
@@ -159,8 +159,8 @@ To prepare for creating the RCS and KPIs, you need to first create a functional
 :::tip Tutorial purpose only
 To follow this tutorial properly, remember to:
 
-Give your ODBC interface the name **ODBC-Metrics**.<br></br>
-Update the Connect String to point to the **MiningData** database.
+- Give your ODBC interface the name **ODBC-Metrics**.
+- Update the Connect String to point to the **MiningData** database.
 :::
 
 To learn how to install a new ODBC Interface, refer to the [Interfaces guide](/docs/setup-and-administration/interfaces/configuration) of this documentation.
diff --git a/visual-kpi-docs/docs/setup-and-administration/installation/website-and-virtual-directory-structure.mdx b/visual-kpi-docs/docs/setup-and-administration/installation/website-and-virtual-directory-structure.mdx
index 3ab9182d..17c70c80 100644
--- a/visual-kpi-docs/docs/setup-and-administration/installation/website-and-virtual-directory-structure.mdx
+++ b/visual-kpi-docs/docs/setup-and-administration/installation/website-and-virtual-directory-structure.mdx
@@ -63,7 +63,7 @@ The table below illustrates the relationship between the Visual KPI components,
     <tr>
       <td><span>PI interface</span></td>
       <td><span>PIServer virtual directory</span></td>
-      <td><span>…\Visual KPI\Interfaces</span><br></br><span>\PIServer</span></td>
+      <td><span>…\Visual KPI\Interfaces\PIServer</span></td>
     </tr>
     <tr>
       <td><span>ODBC interface</span></td>
diff --git a/visual-kpi-docs/docs/setup-and-administration/interfaces/available-interfaces.mdx b/visual-kpi-docs/docs/setup-and-administration/interfaces/available-interfaces.mdx
index d1c5eccd..a5e28eb1 100644
--- a/visual-kpi-docs/docs/setup-and-administration/interfaces/available-interfaces.mdx
+++ b/visual-kpi-docs/docs/setup-and-administration/interfaces/available-interfaces.mdx
@@ -15,4 +15,4 @@ This page provides a comprehensive overview of all the available interfaces in t
 
 The Visual KPI Server Manager offers various interfaces to connect to different data sources. Below you find all of them:
 
-<IconCards />
+<IconCards numColumns={4}/>
diff --git a/visual-kpi-docs/docs/setup-and-administration/interfaces/data-sources.mdx b/visual-kpi-docs/docs/setup-and-administration/interfaces/data-sources.mdx
index 5ef07821..9d2b9023 100644
--- a/visual-kpi-docs/docs/setup-and-administration/interfaces/data-sources.mdx
+++ b/visual-kpi-docs/docs/setup-and-administration/interfaces/data-sources.mdx
@@ -19,32 +19,32 @@ Visual KPI can connect to a multitude of data sources, with each source requirin
     <tbody>
         <tr>
             <td>Industrial or Enterprise Historians</td>
-            <td>OSIsoft PI,<br></br>GE Proficy,<br></br>Rockwell,<br></br>Honeywell,<br></br>etc.</td>
+            <td>OSIsoft PI, GE Proficy, Rockwell, Honeywell, etc.</td>
             <td>Managing time series data for industrial or enterprise purposes.</td>
         </tr>
         <tr>
             <td>Relational Databases</td>
-            <td>Microsoft SQL Server,<br></br>Oracle,<br></br>MySQL,<br></br>Access,<br></br>etc.</td>
+            <td>Microsoft SQL Server, Oracle, MySQL, Access, etc.</td>
             <td>Using relational databases for data storage and retrieval.</td>
         </tr>
         <tr>
             <td>External Web Services</td>
-            <td>Weather,<br></br>Market pricing,<br></br>Supplier data.</td>
+            <td>Weather, Market pricing, Supplier data.</td>
             <td>Integrating data from external web services, such as weather, market pricing, and supplier data.</td>
         </tr>
         <tr>
             <td>Manually Entered Data</td>
-            <td>Excel,<br></br>Forms applications,<br></br>directly in Visual KPI.</td>
+            <td>Excel, Forms applications, directly in Visual KPI.</td>
             <td>Entering data manually through tools like Excel, forms applications, and direct input in Visual KPI.</td>
         </tr>
         <tr>
             <td>Business Applications</td>
-            <td>ERP,<br></br>CRM,<br></br>Vertical industry applications.</td>
+            <td>ERP, CRM, Vertical industry applications.</td>
             <td>Using data from business applications like Enterprise Resource Planning (ERP), Customer Relationship Management (CRM), and vertical industry applications.</td>
         </tr>
         <tr>
             <td>Devices</td>
-            <td>Sensors,<br></br>IoT,<br></br>IIoT,<br></br>Control systems (DCS/PLC).</td>
+            <td>Sensors, IoT, IIoT, Control systems (DCS/PLC).</td>
             <td>Collecting data from various devices such as sensors, Internet of Things (IoT), Industrial Internet of Things (IIoT), and control systems (DCS/PLC).</td>
         </tr>
     </tbody>
diff --git a/visual-kpi-docs/docusaurus.config.js b/visual-kpi-docs/docusaurus.config.js
index f290fe98..d9213f67 100644
--- a/visual-kpi-docs/docusaurus.config.js
+++ b/visual-kpi-docs/docusaurus.config.js
@@ -1,9 +1,9 @@
 // @ts-check
 // Note: type annotations allow type checking and IDEs autocompletion
 
-const {themes} = require('prism-react-renderer');
-const lightTheme = themes.github;
-const darkTheme = themes.dracula;
+import {themes as prismThemes} from 'prism-react-renderer';
+const lightTheme = prismThemes.vsLight;
+const darkTheme = prismThemes.dracula;
 
 /** @type {import('@docusaurus/types').Config} */
 const config = {
diff --git a/visual-kpi-docs/src/css/HomePage.css b/visual-kpi-docs/src/css/HomePage.css
index 3ccd9b0d..db81e317 100644
--- a/visual-kpi-docs/src/css/HomePage.css
+++ b/visual-kpi-docs/src/css/HomePage.css
@@ -1,5 +1,5 @@
-* {
-  font-family: 'Raleway' !important;
+html {
+  font-family: Raleway !important;
 }
 
 .header_container {
@@ -14,7 +14,7 @@
 .header_container h1 {
   /* font-size: 65.1px; */
   margin-bottom: 20px;
-  font-family: 'Raleway' !important;
+  font-family: "Raleway" !important;
   color: #282a30;
   font-size: 80px;
   font-style: normal;
@@ -26,7 +26,7 @@
 .header_container .first_column p {
   margin: 0 0 40px 12px;
   max-width: 462px;
-  font-family: 'Raleway' !important;
+  font-family: "Raleway" !important;
   color: #282a30;
   font-size: 23.762px;
   font-style: normal;
@@ -146,27 +146,27 @@
 }
 
 .cards_container .card .image1 {
-  background-image: url('../../static/img/homepage/card1.png');
+  background-image: url("../../static/img/homepage/card1.png");
 }
 
 .cards_container .card .image2 {
-  background-image: url('../../static/img/homepage/card2.png');
+  background-image: url("../../static/img/homepage/card2.png");
 }
 
 .cards_container .card .image3 {
-  background-image: url('../../static/img/homepage/card3.png');
+  background-image: url("../../static/img/homepage/card3.png");
 }
 
 .cards_container .card .image4 {
-  background-image: url('../../static/img/homepage/card4.png');
+  background-image: url("../../static/img/homepage/card4.png");
 }
 
 .cards_container .card .image5 {
-  background-image: url('../../static/img/homepage/card5.png');
+  background-image: url("../../static/img/homepage/card5.png");
 }
 
 .cards_container .card .image6 {
-  background-image: url('../../static/img/homepage/card6.png');
+  background-image: url("../../static/img/homepage/card6.png");
 }
 
 /* .cards_container .card_text {
@@ -178,7 +178,7 @@
   margin: 0;
   /* margin-top: 5px; */
   color: #282a30;
-  font-family: 'Raleway' !important;
+  font-family: "Raleway" !important;
   font-size: 17.5px;
   font-style: normal;
   font-weight: 700 !important;
diff --git a/visual-kpi-docs/src/css/custom.css b/visual-kpi-docs/src/css/custom.css
index 50695b82..74c5b192 100644
--- a/visual-kpi-docs/src/css/custom.css
+++ b/visual-kpi-docs/src/css/custom.css
@@ -51,6 +51,7 @@
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
 }
 
+
 /* Set Open Sans as the default font for the entire website */
 * {
   font-family: "Open Sans" !important;
@@ -206,3 +207,7 @@
 .container.margin-vert--lg .row .col.col--7 {
   background-color: #fff !important;
 }
+
+pre code {
+  background-color: rgb(246, 247, 248);
+}
diff --git a/visual-kpi-docs/src/css/iconCards.css b/visual-kpi-docs/src/css/iconCards.css
index a09a4ba1..a265e5a7 100644
--- a/visual-kpi-docs/src/css/iconCards.css
+++ b/visual-kpi-docs/src/css/iconCards.css
@@ -6,7 +6,7 @@
 
 .icon_cards_container .icon_card {
   align-items: flex-start;
-  background: #FFF;
+  background: #fff;
   display: flex;
   gap: 10px;
   justify-content: flex-start;
@@ -14,11 +14,6 @@
   padding: 10px;
 }
 
-.icon_cards_container .title_only_card {
-  align-items: center !important;
-  text-align: center;
-}
-
 .icon_cards_container .icon_card h3 {
   color: #000;
   font-size: 14px;
@@ -43,36 +38,58 @@
   border-radius: 4px;
   width: 20px;
   height: 20px;
-  background-color: #FFF;
+  background-color: #fff;
 }
 
 .icon_cards_container .icon_card .icon_img:hover {
   cursor: default !important;
 }
 
-/* Default grid styles for medium to large screens */
 .icon_cards_container.grid-columns-auto {
-  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
+  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+}
+
+.icon_cards_container.grid-columns-1 {
+  grid-template-columns: repeat(1, minmax(150px, 1fr));
 }
 
 .icon_cards_container.grid-columns-2 {
-  grid-template-columns: repeat(2, minmax(200px, 1fr));
+  grid-template-columns: repeat(2, minmax(150px, 1fr));
 }
 
 .icon_cards_container.grid-columns-3 {
-  grid-template-columns: repeat(3, minmax(200px, 1fr));
+  grid-template-columns: repeat(3, minmax(150px, 1fr));
 }
 
 .icon_cards_container.grid-columns-4 {
   grid-template-columns: repeat(4, minmax(150px, 1fr));
 }
 
-/* Adjustments for screens smaller than 400px */
-@media (max-width: 399px) {
+.icon_cards_container.grid-columns-5 {
+  grid-template-columns: repeat(5, minmax(100px, 1fr));
+}
+
+@media (min-width: 995px) and (max-width: 1378px) {
+  .icon_cards_container.grid-columns-4,
+  .icon_cards_container.grid-columns-5 {
+    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
+  }
+}
+
+@media (min-width: 995px) and (max-width: 1060px) {
+  .icon_cards_container.grid-columns-auto,
+  .icon_cards_container.grid-columns-1 .icon_cards_container.grid-columns-2,
+  .icon_cards_container.grid-columns-3 {
+    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
+  }
+}
+
+@media (max-width: 650px) {
   .icon_cards_container.grid-columns-auto,
-  .icon_cards_container.grid-columns-2,
+  .icon_cards_container.grid-columns-1 .icon_cards_container.grid-columns-2,
   .icon_cards_container.grid-columns-3,
-  .icon_cards_container.grid-columns-4 {
+  .icon_cards_container.grid-columns-4,
+  .icon_cards_container.grid-columns-5 {
     grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
   }
-}
\ No newline at end of file
+}
diff --git a/visual-kpi-docs/src/css/table.css b/visual-kpi-docs/src/css/table.css
index 2a3bd91a..f9a71a16 100644
--- a/visual-kpi-docs/src/css/table.css
+++ b/visual-kpi-docs/src/css/table.css
@@ -6,7 +6,7 @@
 
 .filters_container .filter_label {
   color: #690;
-  font-feature-settings: 'clig' off, 'liga' off;
+  font-feature-settings: "clig" off, "liga" off;
   font-family: Raleway;
   font-size: 14px;
   font-style: normal;
@@ -21,7 +21,7 @@
   border-radius: 5px;
   background: #607c0d;
   color: #fff;
-  font-feature-settings: 'clig' off, 'liga' off;
+  font-feature-settings: "clig" off, "liga" off;
   font-family: Raleway;
   font-size: 14px;
   font-style: normal;
@@ -84,7 +84,7 @@
   border: 0;
   background: #607c0d;
   color: #fff;
-  font-feature-settings: 'clig' off, 'liga' off;
+  font-feature-settings: "clig" off, "liga" off;
   font-family: Raleway;
   font-size: 14px;
   font-style: normal;
@@ -128,7 +128,7 @@ table thead th {
   text-align: left;
   background: #690 !important;
   color: #fff;
-  font-feature-settings: 'clig' off, 'liga' off;
+  font-feature-settings: "clig" off, "liga" off;
   font-family: Raleway;
   font-size: 14px;
   font-style: normal;
@@ -143,17 +143,16 @@ table thead th {
 table tr td {
   background-color: #ffffff;
   color: #8e8e8e;
-  font-feature-settings: 'clig' off, 'liga' off;
+  font-feature-settings: "clig" off, "liga" off;
   font-family: Raleway;
   font-size: 14px;
   font-style: normal;
   font-weight: 500;
   line-height: 18px;
-  padding: 20px;
   text-align: start;
   vertical-align: top;
-  word-break: break-all !important;
-  word-wrap: break-word !important;
+  word-break: keep-all !important;
+  word-wrap: normal !important;
 }
 
 table thead tr {
diff --git a/visual-kpi-docs/static/data/setup-and-administration/interfaces/interfaces.json b/visual-kpi-docs/static/data/setup-and-administration/interfaces/interfaces.json
index e4605802..6abf5730 100644
--- a/visual-kpi-docs/static/data/setup-and-administration/interfaces/interfaces.json
+++ b/visual-kpi-docs/static/data/setup-and-administration/interfaces/interfaces.json
@@ -1,14 +1,4 @@
 [
-  {
-    "name": "AnyLog",
-    "logo": "anylog",
-    "description": ""
-  },
-  {
-    "name": "Cumulocity",
-    "logo": "cumulocity",
-    "description": ""
-  },
   {
     "name": "eGauge",
     "logo": "egauge",
@@ -54,21 +44,11 @@
     "logo": "morningstar",
     "description": ""
   },
-  {
-    "name": "Quandl",
-    "logo": "quandl",
-    "description": ""
-  },
   {
     "name": "MarketView",
     "logo": "marketview",
     "description": ""
   },
-  {
-    "name": "NIWNAS",
-    "logo": "niwnas",
-    "description": ""
-  },
   {
     "name": "OLAP",
     "logo": "olap",
@@ -119,21 +99,11 @@
     "logo": "splunk",
     "description": ""
   },
-  {
-    "name": "TempolQ",
-    "logo": "tempolq",
-    "description": ""
-  },
   {
     "name": "Transpara tStore",
     "logo": "tstore",
     "description": ""
   },
-  {
-    "name": "Tomorrow.io",
-    "logo": "tomorrow",
-    "description": ""
-  },
   {
     "name": "vROps",
     "logo": "vrops",
@@ -154,14 +124,9 @@
     "logo": "wonderware",
     "description": ""
   },
-  {
-    "name": "Xompass",
-    "logo": "xompass",
-    "description": ""
-  },
   {
     "name": "Zabbix",
     "logo": "zabbix",
     "description": ""
   }
-]
+]
\ No newline at end of file