diff --git a/app/assets/stylesheets/inputs.css b/app/assets/stylesheets/inputs.css
index 6b412707b..69587c795 100644
--- a/app/assets/stylesheets/inputs.css
+++ b/app/assets/stylesheets/inputs.css
@@ -30,6 +30,10 @@
       filter: var(--hover-filter);
       box-shadow: 0 0 0 var(--hover-size) var(--hover-color);
     }
+
+    &:where([disabled]):not(:hover):not(:active) {
+      filter: none;
+    }
   }
 
   .input--file {
diff --git a/app/views/collections/edit/_publication.html.erb b/app/views/collections/edit/_publication.html.erb
index 3a3175342..82a6f3f10 100644
--- a/app/views/collections/edit/_publication.html.erb
+++ b/app/views/collections/edit/_publication.html.erb
@@ -16,8 +16,8 @@
         <span class="txt-large"><%= icon_tag "world" %></span>
       </div>
 
-      <div class="flex align-center gap margin-block">
-        <%= text_field_tag :publication_url, published_collection_url(collection), disabled: true, class: "full-width input" %>
+      <div class="flex align-center gap-half margin-block">
+        <%= text_field_tag :publication_url, published_collection_url(collection), disabled: true, class: "full-width input fill-white" %>
         <div class="flex align-center justify-center gap-half">
         <%= button_to_copy_to_clipboard(published_collection_url(collection)) do %>
             <%= icon_tag "copy-paste" %>