diff --git a/site/content/docs/5.0/examples/dashboard-rtl/dashboard.js b/site/content/docs/5.0/examples/dashboard-rtl/dashboard.js
index 2e348137c6..7831fa9d09 100644
--- a/site/content/docs/5.0/examples/dashboard-rtl/dashboard.js
+++ b/site/content/docs/5.0/examples/dashboard-rtl/dashboard.js
@@ -3,7 +3,7 @@
 (function () {
   'use strict'
 
-  feather.replace()
+  feather.replace({ 'aria-hidden': 'true' })
 
   // Graphs
   var ctx = document.getElementById('myChart')
diff --git a/site/content/docs/5.0/examples/dashboard-rtl/index.html b/site/content/docs/5.0/examples/dashboard-rtl/index.html
index a927041593..daef89a14b 100644
--- a/site/content/docs/5.0/examples/dashboard-rtl/index.html
+++ b/site/content/docs/5.0/examples/dashboard-rtl/index.html
@@ -18,11 +18,11 @@ extra_js:
     <span class="navbar-toggler-icon"></span>
   </button>
   <input class="form-control form-control-dark w-100" type="text" placeholder="بحث" aria-label="بحث">
-  <ul class="navbar-nav px-3">
-    <li class="nav-item text-nowrap">
-      <a class="nav-link" href="#">تسجيل الخروج</a>
-    </li>
-  </ul>
+  <div class="navbar-nav">
+    <div class="nav-item text-nowrap">
+      <a class="nav-link px-3" href="#">تسجيل الخروج</a>
+    </div>
+  </div>
 </header>
 
 <div class="container-fluid">
@@ -125,11 +125,11 @@ extra_js:
         <table class="table table-striped table-sm">
           <thead>
             <tr>
-              <th>#</th>
-              <th>عنوان</th>
-              <th>عنوان</th>
-              <th>عنوان</th>
-              <th>عنوان</th>
+              <th scope="col">#</th>
+              <th scope="col">عنوان</th>
+              <th scope="col">عنوان</th>
+              <th scope="col">عنوان</th>
+              <th scope="col">عنوان</th>
             </tr>
           </thead>
           <tbody>
diff --git a/site/content/docs/5.0/examples/dashboard/dashboard.css b/site/content/docs/5.0/examples/dashboard/dashboard.css
index 8b0fa7253b..e1099fbb31 100644
--- a/site/content/docs/5.0/examples/dashboard/dashboard.css
+++ b/site/content/docs/5.0/examples/dashboard/dashboard.css
@@ -52,7 +52,7 @@ body {
 }
 
 .sidebar .nav-link.active {
-  color: #007bff;
+  color: #2470dc;
 }
 
 .sidebar .nav-link:hover .feather,
diff --git a/site/content/docs/5.0/examples/dashboard/dashboard.js b/site/content/docs/5.0/examples/dashboard/dashboard.js
index d3f5499285..7c2402ae2e 100644
--- a/site/content/docs/5.0/examples/dashboard/dashboard.js
+++ b/site/content/docs/5.0/examples/dashboard/dashboard.js
@@ -3,7 +3,7 @@
 (function () {
   'use strict'
 
-  feather.replace()
+  feather.replace({ 'aria-hidden': 'true' })
 
   // Graphs
   var ctx = document.getElementById('myChart')
diff --git a/site/content/docs/5.0/examples/dashboard/dashboard.rtl.css b/site/content/docs/5.0/examples/dashboard/dashboard.rtl.css
index 2406ce5ccb..a88226ecfd 100644
--- a/site/content/docs/5.0/examples/dashboard/dashboard.rtl.css
+++ b/site/content/docs/5.0/examples/dashboard/dashboard.rtl.css
@@ -48,7 +48,7 @@ body {
 }
 
 .sidebar .nav-link.active {
-  color: #007bff;
+  color: #2470dc;
 }
 
 .sidebar .nav-link:hover .feather,
diff --git a/site/content/docs/5.0/examples/dashboard/index.html b/site/content/docs/5.0/examples/dashboard/index.html
index 21d78e47f2..04c187dbc1 100644
--- a/site/content/docs/5.0/examples/dashboard/index.html
+++ b/site/content/docs/5.0/examples/dashboard/index.html
@@ -17,11 +17,11 @@ extra_js:
     <span class="navbar-toggler-icon"></span>
   </button>
   <input class="form-control form-control-dark w-100" type="text" placeholder="Search" aria-label="Search">
-  <ul class="navbar-nav px-3">
-    <li class="nav-item text-nowrap">
-      <a class="nav-link" href="#">Sign out</a>
-    </li>
-  </ul>
+  <div class="navbar-nav">
+    <div class="nav-item text-nowrap">
+      <a class="nav-link px-3" href="#">Sign out</a>
+    </div>
+  </div>
 </header>
 
 <div class="container-fluid">
@@ -124,11 +124,11 @@ extra_js:
         <table class="table table-striped table-sm">
           <thead>
             <tr>
-              <th>#</th>
-              <th>Header</th>
-              <th>Header</th>
-              <th>Header</th>
-              <th>Header</th>
+              <th scope="col">#</th>
+              <th scope="col">Header</th>
+              <th scope="col">Header</th>
+              <th scope="col">Header</th>
+              <th scope="col">Header</th>
             </tr>
           </thead>
           <tbody>