diff --git a/app/assets/tailwind/maybe-design-system/background-utils.css b/app/assets/tailwind/maybe-design-system/background-utils.css
index 2c57f18f4..f11a7621a 100644
--- a/app/assets/tailwind/maybe-design-system/background-utils.css
+++ b/app/assets/tailwind/maybe-design-system/background-utils.css
@@ -10,7 +10,7 @@
   @apply bg-gray-100;
 
   @variant theme-dark {
-    @apply bg-gray-900;
+    @apply bg-gray-800;
   }
 }
 
diff --git a/app/views/accounts/_account.html.erb b/app/views/accounts/_account.html.erb
index cd8dade0e..f022f42ea 100644
--- a/app/views/accounts/_account.html.erb
+++ b/app/views/accounts/_account.html.erb
@@ -1,7 +1,7 @@
 <%# locals: (account:, return_to: nil) %>
 
 <%= turbo_frame_tag dom_id(account) do %>
-  <div class="p-4 flex items-center justify-between gap-3 group/account">
+  <div class="p-4 flex items-center justify-between gap-3 group/account hover:bg-surface-hover">
     <div class="flex items-center gap-3">
       <%= render "accounts/logo", account: account, size: "md" %>
 
diff --git a/app/views/accounts/index/_account_groups.erb b/app/views/accounts/index/_account_groups.erb
index 75bd48840..b5ebcf7f4 100644
--- a/app/views/accounts/index/_account_groups.erb
+++ b/app/views/accounts/index/_account_groups.erb
@@ -11,7 +11,7 @@
         <p class="ml-auto"><%= totals_by_currency(collection: accounts, money_method: :balance_money) %></p>
       <% end %>
     </div>
-    <div class="bg-container rounded-lg shadow-border-xs">
+    <div class="bg-container rounded-lg shadow-border-xs overflow-hidden">
       <% accounts.each_with_index do |account, index| %>
         <%= render "accounts/account", account: account %>
         <% unless index == accounts.count - 1 %>
diff --git a/app/views/tags/_form.html.erb b/app/views/tags/_form.html.erb
index 3419331f7..2c42c8bef 100644
--- a/app/views/tags/_form.html.erb
+++ b/app/views/tags/_form.html.erb
@@ -1,7 +1,7 @@
 <div data-controller="color-avatar">
   <%= styled_form_with model: tag, class: "space-y-4", data: { turbo_frame: :_top } do |f| %>
     <section class="space-y-4">
-      <div class="w-fit m-auto">
+      <div class="w-fit m-auto mb-4">
         <%= render partial: "shared/color_avatar", locals: { name: tag.name, color: tag.color } %>
       </div>
       <div class="flex gap-2 items-center justify-center">
diff --git a/app/views/tags/_tag.html.erb b/app/views/tags/_tag.html.erb
index aadbc63a9..2dd897706 100644
--- a/app/views/tags/_tag.html.erb
+++ b/app/views/tags/_tag.html.erb
@@ -1,6 +1,6 @@
 <%# locals: (tag:) %>
 
-<div id="<%= dom_id(tag) %>" class="flex justify-between items-center p-4 bg-container">
+<div id="<%= dom_id(tag) %>" class="flex justify-between items-center p-4 bg-container hover:bg-surface-hover">
   <div class="flex w-full items-center gap-2.5">
     <%= render partial: "shared/color_avatar", locals: { name: tag.name, color: tag.color } %>
     <p class="text-primary text-sm truncate">