diff --git a/resources/css/core/utilities.css b/resources/css/core/utilities.css
index ed22063bb5..e9bb2f282a 100644
--- a/resources/css/core/utilities.css
+++ b/resources/css/core/utilities.css
@@ -22,6 +22,14 @@
     z-index: var(--z-index-max);
 }
 
+@utility st-overflow-clip-margin {
+    overflow-clip-margin: 1px;
+    /* As of 2026-01-08 Safari doesn't support overflow-clip-margin */
+    @supports not (overflow-clip-margin: 1px) {
+        padding-inline-start: 1px;
+    }
+}
+
 /* UTILITIES / TEXT
 =================================================== */
 /* Avoid prefixing things with `st-text-` (st for Statamic) because `text-` is a Tailwind prefix */
diff --git a/resources/js/components/assets/Browser/Browser.vue b/resources/js/components/assets/Browser/Browser.vue
index b9167a29ba..319dec1d9f 100644
--- a/resources/js/components/assets/Browser/Browser.vue
+++ b/resources/js/components/assets/Browser/Browser.vue
@@ -79,7 +79,7 @@
                                 </ToggleGroup>
                             </Header>
 
-                            <div class="flex items-center gap-2 sm:gap-3 py-3 relative overflow-clip" style="overflow-clip-margin: 1px;">
+                            <div class="flex items-center gap-2 sm:gap-3 py-3 relative overflow-clip st-overflow-clip-margin">
                                 <div class="flex flex-1 items-center gap-2 sm:gap-3">
                                     <ListingSearch />
                                 </div>
diff --git a/resources/js/components/ui/Listing/Listing.vue b/resources/js/components/ui/Listing/Listing.vue
index b73ac1d553..a560a2b2b1 100644
--- a/resources/js/components/ui/Listing/Listing.vue
+++ b/resources/js/components/ui/Listing/Listing.vue
@@ -711,7 +711,7 @@ autoApplyState();
     </slot>
     <slot v-if="!initializing" :items="items" :is-column-visible="isColumnVisible" :loading="loading">
         <Presets v-if="showPresets" />
-        <div v-if="allowSearch || hasFilters || allowCustomizingColumns" class="relative overflow-clip flex items-center gap-2 sm:gap-3 min-h-16 starting-style-transition starting-style-transition--siblings" style="overflow-clip-margin: 1px;">
+        <div v-if="allowSearch || hasFilters || allowCustomizingColumns" class="relative overflow-clip flex items-center gap-2 sm:gap-3 min-h-16 starting-style-transition starting-style-transition--siblings st-overflow-clip-margin">
             <div class="flex flex-1 items-center gap-2 sm:gap-3 w-full">
                 <Search v-if="allowSearch" />
                 <Filters v-if="hasFilters" />