diff --git a/app/helpers/application_helper.rb b/app/helpers/application_helper.rb
index 18b88f95..50f1f745 100644
--- a/app/helpers/application_helper.rb
+++ b/app/helpers/application_helper.rb
@@ -18,6 +18,24 @@ module ApplicationHelper
     render partial: "shared/modal", locals: { content: content }
   end
 
+  def sidebar_link_to(name, path, options = {})
+    base_class_names = "block border border-transparent rounded-xl -ml-2 p-2 text-sm font-medium text-gray-500 flex items-center"
+    hover_class_names = "hover:bg-white hover:border-[#141414]/[0.07] hover:text-gray-900 hover:shadow-xs"
+    current_page_class_names = "bg-white border-[#141414]/[0.07] text-gray-900 shadow-xs"
+
+    link_class_names = class_names(
+      base_class_names,
+      hover_class_names,
+      current_page_class_names => current_page?(path)
+    )
+
+    merged_options = options.reverse_merge(class: link_class_names).except(:icon)
+
+    link_to path, merged_options do
+      lucide_icon(options[:icon], class: "w-5 h-5 mr-2") + name
+    end
+  end
+
   def format_currency(number, options = {})
     user_currency_preference = Current.family.try(:currency) || "USD"
 
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index f9cb8e4b..ff8d2db1 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -47,22 +47,13 @@
         <nav>
           <ul class="mt-6 space-y">
             <li>
-              <%= link_to root_path, class: 'block hover:bg-white border border-transparent hover:border-[#141414]/[0.07] rounded-xl hover:text-gray-900 hover:shadow-xs -ml-2 p-2 text-sm font-medium text-gray-500 flex items-center' do %>
-                <%= lucide_icon('layout-grid', class: 'w-5 h-5 mr-2') %>
-                <%= t('.dashboard') %>
-              <% end %>
+              <%= sidebar_link_to t('.dashboard'), root_path, icon: 'layout-grid' %>
             </li>
             <li>
-              <%= link_to accounts_path, class: 'block hover:bg-white border border-transparent hover:border-[#141414]/[0.07] rounded-xl hover:text-gray-900 hover:shadow-xs -ml-2 p-2 text-sm font-medium text-gray-500 flex items-center' do %>
-                <%= lucide_icon('layers', class: 'w-5 h-5 mr-2') %>
-                <%= t('.accounts') %>
-              <% end %>
+              <%= sidebar_link_to t('.accounts'), accounts_path, icon: 'layers' %>
             </li>
             <li>
-              <%= link_to "#", class: 'block hover:bg-white border border-transparent hover:border-[#141414]/[0.07] rounded-xl hover:text-gray-900 hover:shadow-xs -ml-2 p-2 text-sm font-medium text-gray-500 flex items-center' do %>
-                <%= lucide_icon('credit-card', class: 'w-5 h-5 mr-2') %>
-                <%= t('.transactions') %>
-              <% end %>
+              <%= sidebar_link_to t('.transactions'), "#", icon: 'credit-card' %>
             </li>
           </ul>
         </nav>