diff --git a/resources/views/search/results.blade.php b/resources/views/search/results.blade.php
index 225d33a..483a9c1 100644
--- a/resources/views/search/results.blade.php
+++ b/resources/views/search/results.blade.php
@@ -10,24 +10,14 @@
                 <div class="card-body">
                 @if ($table == "summarie")
                   <div role="tabpanel">
-                    <ul class="nav nav-tabs" role="tablist">
-                        <li role="presentation" class="active">
-                            <a href="#home1" aria-controls="home" role="tab" data-toggle="tab">Overview</a>
-                        </li>
-                        <li role="presentation" class="active">
-                            <a href="#home2" aria-controls="home" role="tab" data-toggle="tab">Stats</a>
-                        </li>
-                        <li role="presentation" class="active">
-                            <a href="#home3" aria-controls="home" role="tab" data-toggle="tab">Ingredients</a>
-                        </li>
-                        <li role="presentation" class="active">
-                            <a href="#home4" aria-controls="home" role="tab" data-toggle="tab">Mash & Boil</a>
-                        </li>
-                    </ul>
+                    <div class="nav nav-tabs" role="tablist" id="nav-tab">
+                        <a href="#nav-overview" class="nav-link active" aria-controls="nav-overview" role="tab" data-bs-toggle="tab" aria-selected="true">Overview</a>
+                        <a href="#nav-stats" class="nav-link" aria-controls="nav-stats" role="nav-stats" data-bs-toggle="tab" aria-selected="false">Stats</a>
+                        <a href="#nav-ingredients" class="nav-link" aria-controls="nav-ingredients" role="nav-ingredients" data-bs-toggle="tab" aria-selected="false">Ingredients</a>
+                        <a href="#nav-processes" class="nav-link" aria-controls="nav-processes" role="nav-processes" data-bs-toggle="tab" aria-selected="false">Processes</a>
+                    </div>
                   <div class="tab-content">
-                      <div role="tabpanel" class="tab-pane active" id="home1">
-                        <ul>
-                          <li>
+                      <div role="tabpanel" class="tab-pane fade show active" id="overview" aria-labelledby="overview-tab">
                             <table class="table table-striped table-dark" id="table-programs">
                               <!-- This piece of code is for error messages display purposes -->
                               @include('inc.messages')
@@ -48,12 +38,10 @@
                                     @endforeach
                               </tbody>
                             </table>
-                          </li>
-                        </ul>
-                      </div>
-                      <div role="tabpanel" class="tab-pane" id="home2"></div>
-                      <div role="tabpanel" class="tab-pane" id="home3"></div>
-                      <div role="tabpanel" class="tab-pane" id="home4"></div>
+                       </div>
+                      <div role="tabpanel" class="tab-pane fade" id="stats" aria-labelledby="stats-tab"></div>
+                      <div role="tabpanel" class="tab-pane fade" id="ingredients" aria-labelledby="ingredients-tab"></div>
+                      <div role="tabpanel" class="tab-pane fade" id="processes" aria-labelledby="processes-tab"></div>
                     </div>
                   @endif
                 </div>