diff --git a/app/assets/stylesheets/bubbles.css b/app/assets/stylesheets/bubbles.css
index e4dee93bb..862d9fc70 100644
--- a/app/assets/stylesheets/bubbles.css
+++ b/app/assets/stylesheets/bubbles.css
@@ -443,7 +443,7 @@
     transition: background-color 200ms ease-out;
 
     &:nth-of-type(10)::after {
-      border-bottom: 1px dotted var(--color-subtle-dark);
+      border-bottom: 1px dashed var(--color-subtle-dark);
       block-size: 0;
       content: "";
       inline-size: 100%;
diff --git a/app/assets/stylesheets/buckets.css b/app/assets/stylesheets/buckets.css
index f99031ac4..996a3d869 100644
--- a/app/assets/stylesheets/buckets.css
+++ b/app/assets/stylesheets/buckets.css
@@ -25,5 +25,5 @@
 .windshield__container {
   aspect-ratio: 18 / 9;
   container-type: inline-size;
-  inline-size: 40ch;
+  inline-size: 45ch;
 }
diff --git a/app/assets/stylesheets/colors.css b/app/assets/stylesheets/colors.css
index 7c286dcd2..a68098384 100644
--- a/app/assets/stylesheets/colors.css
+++ b/app/assets/stylesheets/colors.css
@@ -23,9 +23,9 @@
   --color-ink: oklch(var(--lch-black));
   --color-ink-reversed: oklch(var(--lch-white));
   --color-link: oklch(var(--lch-blue));
-  --color-subtle-light: oklch(var(--lch-gray-light));
-  --color-subtle: oklch(var(--lch-gray));
-  --color-subtle-dark: oklch(var(--lch-gray-dark));
+  --color-subtle-light: oklch(var(--lch-black));
+  --color-subtle: oklch(var(--lch-black));
+  --color-subtle-dark: oklch(var(--lch-black));
   --color-selected: oklch(var(--lch-blue-light));
   --color-selected-dark: oklch(var(--lch-blue-dark));
   --color-marker: oklch(var(--lch-orange));
diff --git a/app/assets/stylesheets/filters.css b/app/assets/stylesheets/filters.css
index e39a195a5..ae7b40432 100644
--- a/app/assets/stylesheets/filters.css
+++ b/app/assets/stylesheets/filters.css
@@ -35,10 +35,10 @@
 
 .filter__popup {
   --panel-padding: 1em;
-  --panel-size: 20ch;
+  --panel-size: 18rem;
 
   inset: calc(var(--btn-size) * 0.6) 0 auto 50%;
-  max-inline-size: 60ch !important;
+  max-inline-size: var(--panel-size) !important;
   position: absolute;
   transform: translateX(-50%);
   transform-origin: top left;
diff --git a/app/views/buckets/index.html.erb b/app/views/buckets/index.html.erb
index 52738b57d..08573bd09 100644
--- a/app/views/buckets/index.html.erb
+++ b/app/views/buckets/index.html.erb
@@ -33,7 +33,7 @@
       <div class="flex align-center justify-center flex-column gap-half center">
         <strong><%= link_to bucket.name, bucket_bubbles_path(bucket), class: "txt-x-large txt-ink" %></strong>
 
-        <%= link_to edit_bucket_path(bucket), class: "btn txt-small" do %>
+        <%= link_to edit_bucket_path(bucket), class: "btn txt-small", hidden: true do %>
           <%= image_tag "pencil.svg", aria: { hidden: true }, size: 24 %>
           <span class="for-screen-reader">Edit bucket</span>
         <% end %>