diff --git a/app/views/budget_categories/_budget_category.html.erb b/app/views/budget_categories/_budget_category.html.erb
index 0a531eb25..35a5722fc 100644
--- a/app/views/budget_categories/_budget_category.html.erb
+++ b/app/views/budget_categories/_budget_category.html.erb
@@ -1,7 +1,7 @@
 <%# locals: (budget_category:) %>
 
 <%= turbo_frame_tag dom_id(budget_category), class: "flex-1 min-w-0 block" do %>
-  <%= link_to budget_budget_category_path(budget_category.budget, budget_category), class: "group block w-full p-4 bg-container", data: { turbo_frame: "drawer" } do %>
+  <%= link_to budget_budget_category_path(budget_category.budget, budget_category), class: "group block w-full", data: { turbo_frame: "drawer" } do %>
 
     <% if budget_category.initialized? %>
       <%# Category Header with Status Badge %>
diff --git a/app/views/budgets/_budget_categories.html.erb b/app/views/budgets/_budget_categories.html.erb
index a0b22b60c..e291ac914 100644
--- a/app/views/budgets/_budget_categories.html.erb
+++ b/app/views/budgets/_budget_categories.html.erb
@@ -19,7 +19,9 @@
 
       <% category_groups.each_with_index do |group, index| %>
         <div>
-          <%= render "budget_categories/budget_category", budget_category: group.budget_category %>
+          <div class="p-4 bg-container w-full min-w-0">
+            <%= render "budget_categories/budget_category", budget_category: group.budget_category %>
+          </div>
 
           <div>
             <% group.budget_subcategories.each do |budget_subcategory| %>
@@ -27,8 +29,9 @@
                 <div class="ml-8 pt-6 flex items-center justify-center text-subdued">
                   <%= icon "corner-down-right" %>
                 </div>
-
-                <%= render "budget_categories/budget_category", budget_category: budget_subcategory %>
+                <div class="px-4 py-2 bg-container w-full min-w-0">
+                  <%= render "budget_categories/budget_category", budget_category: budget_subcategory %>
+                </div>
               </div>
             <% end %>
           </div>