diff --git a/docs/components/Sidebar.vue b/docs/components/Sidebar.vue
index 574791902..48cdc34f1 100644
--- a/docs/components/Sidebar.vue
+++ b/docs/components/Sidebar.vue
@@ -9,13 +9,13 @@
   >
     <ul class="nav-links mt-16 pb-2 text-base border-b border-solid sm:hidden">
       <li>
-        <NuxtLink to="/">
-          Icons
+        <NuxtLink :to="localePath('index')">
+          {{ $t("nav.icons") }}
         </NuxtLink>
       </li>
       <li>
-        <NuxtLink to="/docs">
-          Docs
+        <NuxtLink :to="localePath('docs')">
+          {{ $t("nav.docs") }}
         </NuxtLink>
       </li>
       <li>
@@ -115,9 +115,7 @@ export default {
 .sidebar .toolbar {
   @apply relative border-none w-auto h-auto pt-0 pb-8;
 }
-</style>
 
-<style>
 .sidebar::-webkit-scrollbar {
   display: none;
 }
diff --git a/docs/components/ToolSidebar.vue b/docs/components/ToolSidebar.vue
index de757f23e..5a348a826 100644
--- a/docs/components/ToolSidebar.vue
+++ b/docs/components/ToolSidebar.vue
@@ -183,9 +183,7 @@ export default {
 .dark-mode .toolbar button.clicked {
   @apply bg-gray-600 text-gray-300;
 }
-</style>
 
-<style>
 .toolbar .icon-color input {
   width: 8.5rem;
   height: 2.65rem;