diff --git a/backend/locale/cs/LC_MESSAGES/django.po b/backend/locale/cs/LC_MESSAGES/django.po
index 95d215d..82c2e09 100644
--- a/backend/locale/cs/LC_MESSAGES/django.po
+++ b/backend/locale/cs/LC_MESSAGES/django.po
@@ -137,7 +137,7 @@ msgstr "Zabránit uspání"
 
 #: backend/templates/songs/index.html:77
 msgid "Search"
-msgstr "Hledat"
+msgstr "Vyhledávání"
 
 #: backend/templates/songs/index.html:79
 msgid "Number, text or author"
diff --git a/backend/templates/songs/index.html b/backend/templates/songs/index.html
index dbf014b..759b31b 100644
--- a/backend/templates/songs/index.html
+++ b/backend/templates/songs/index.html
@@ -65,7 +65,7 @@ <h6 class="d-inline" ><%:author%></h6>
             </span>
         </a>
         <div id="id<%:number%>" class="accordion-collapse collapse" data-bs-parent="#datatable">
-            <div class="input-group mb-3">
+            <div class="input-group mb-3 mt-1">
                 <%if link%>
                     <a href="<%:link%>" class="btn btn-primary" role="button" aria-pressed="true">
                         <i class="icon-youtube-play"></i>
@@ -83,14 +83,14 @@ <h6 class="d-inline" ><%:author%></h6>
         </div>
     </script>
     <div>
-      <div class="input-group mb-2 pe-sm-1">
+      <div class="input-group pe-sm-1">
         <div class="input-group-prepend">
           <div class="input-group-text">{% trans "Search" %}</div>
         </div>
         <input type="text" class="form-control" id="searchInput" placeholder="{% trans "Number, text or author" %}">
       </div>
     </div>
-    <table id="datatable" class="accordion accordion-flush w-100 table table-borderless">
+    <table id="datatable" class="accordion accordion-flush w-100 h-100 table table-borderless">
         <thead class="d-none"></thead>
         <tbody class="w-100 m-0"></tbody>
     </table>
diff --git a/frontend/static/_colors.sass b/frontend/static/_colors.sass
deleted file mode 100644
index a334859..0000000
--- a/frontend/static/_colors.sass
+++ /dev/null
@@ -1,4 +0,0 @@
-$bgDefault      : #f9f9f9
-$bgHighlight    : #c4c2bd
-$colDefault     : #7793f3
-$colHighlight   : #e81c1c
\ No newline at end of file
diff --git a/frontend/static/navbar4.sass b/frontend/static/navbar4.sass
deleted file mode 100644
index 81edd01..0000000
--- a/frontend/static/navbar4.sass
+++ /dev/null
@@ -1,97 +0,0 @@
-// https://work.smarchal.com/twbscolor/4.0.0/css/443b3a54ad59faf1f1ffbbbc1
-@import colors
-$dropDown       : true
-.navbar
-  background-color: $bgDefault
-  border-bottom-color: $bgHighlight
-  .navbar-brand
-    color: $colDefault
-    &:hover, &:focus
-      color: $colHighlight
-  .navbar-text
-    color: $colDefault
-    a
-      color: $colHighlight
-      &:hover, &:focus
-        color: $colHighlight
-  .navbar-nav
-    white-space: nowrap
-    .nav-link
-      color: $colDefault
-      //border-radius: .25rem
-      margin: 0 0.25em
-      &:not(.disabled)
-        &:hover, &:focus
-          color: $colHighlight
-    @if $dropDown
-      .dropdown-menu
-        background-color: $bgDefault
-        border-color: $bgHighlight
-        .dropdown-item
-          color: $colDefault
-          &:hover, &:focus, &.active
-            color: $colHighlight
-            background-color: $bgHighlight
-        .dropdown-divider
-          border-top-color: $bgHighlight
-    .nav-item.active, .nav-item.show
-      .nav-link, .nav-link:hover, .nav-link:focus
-        color: $colHighlight
-        background-color: $bgHighlight
-  .navbar-toggle
-    border-color: $bgHighlight
-    &:hover, &:focus
-      background-color: $bgHighlight
-    .navbar-toggler-icon
-      color: $colDefault
-  .navbar-collapse,
-  .navbar-form
-    border-color: $colDefault
-  .navbar-link
-    color: $colDefault
-    &:hover
-      color: $colHighlight
-@media (max-width: 575px)
-  .navbar-expend-sm .navbar-nav .show .dropdown-menu
-    .dropdown-item
-      color: $colDefault
-      &:hover, &:focus
-        color: $colHighlight
-    .dropdown-item.active
-      color: $colHighlight
-      background-color: $bgHighlight
-@media (max-width: 767px)
-  .navbar-expend-md .navbar-nav .show .dropdown-menu
-    .dropdown-item
-      color: $colDefault
-      &:hover, &:focus
-        color: $colHighlight
-    .dropdown-item.active
-      color: $colHighlight
-      background-color: $bgHighlight
-@media (max-width: 991px)
-  .navbar-expend-lg .navbar-nav .show .dropdown-menu
-    .dropdown-item
-      color: $colDefault
-      &:hover, &:focus
-        color: $colHighlight
-    .dropdown-item.active
-      color: $colHighlight
-      background-color: $bgHighlight
-@media (max-width: 1199px)
-  .navbar-expend-xl .navbar-nav .show .dropdown-menu
-    .dropdown-item
-      color: $colDefault
-      &:hover, &:focus
-        color: $colHighlight
-    .dropdown-item.active
-      color: $colHighlight
-      background-color: $bgHighlight
-.navbar-expend .navbar-nav .show .dropdown-menu
-  .dropdown-item
-    color: $colDefault
-    &:hover, &:focus
-      color: $colHighlight
-  .dropdown-item.active
-    color: $colHighlight
-    background-color: $bgHighlight
diff --git a/frontend/static/styles.sass b/frontend/static/styles.sass
index 5374e8c..bfc348e 100644
--- a/frontend/static/styles.sass
+++ b/frontend/static/styles.sass
@@ -1,6 +1,19 @@
-@import colors
+$bgDefault      : #f9f9f9
+$bgHighlight    : #c4c2bd
+$colDefault     : #7793f3
+$colHighlight   : #e81c1c
 $border-color: $bgHighlight
 
+.navbar
+  --bs-navbar-color: #{$colDefault}
+  --bs-navbar-hover-color: #{$colHighlight}
+  --bs-navbar-active-color: #{$colHighlight}
+  --bs-navbar-brand-color: #{$colDefault}
+  --bs-navbar-brand-hover-color: #{$colHighlight}
+
+.dropdown-menu
+  --bs-dropdown-link-color: #{$colDefault}
+
 .chord
   position: absolute
   line-height: 0
diff --git a/frontend/templates/base/index.html b/frontend/templates/base/index.html
index 855b28c..b5471d1 100644
--- a/frontend/templates/base/index.html
+++ b/frontend/templates/base/index.html
@@ -23,13 +23,12 @@
               defer></script>
     <link rel="stylesheet" type="text/css" href="{% static 'icons/css/songs.css' %}">
     <link rel="stylesheet" type="text/css" href="{% sass_src 'styles.sass' %}">
-    <link rel="stylesheet" type="text/css" href="{% sass_src 'navbar4.sass' %}">
     {% block extra_head %} {% endblock %}
 </head>
 <body>
 <div>
-    <nav class="navbar navbar-expand-lg navbar-light">
-        <a class="navbar-brand ms-3" href="#">{{ request.tenant.display_name }}</a>
+    <nav class="navbar navbar-expand-lg">
+        <a class="navbar-brand ms-3" href="{{ reqeust.tenant.index_redirect }}">{{ request.tenant.display_name }}</a>
         <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
                 aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>