diff --git a/frontend/src/lib/components/MultiToggle.svelte b/frontend/src/lib/components/MiniToggleButtonGroup.svelte
similarity index 94%
rename from frontend/src/lib/components/MultiToggle.svelte
rename to frontend/src/lib/components/MiniToggleButtonGroup.svelte
index c85935fd30..89c48ea347 100644
--- a/frontend/src/lib/components/MultiToggle.svelte
+++ b/frontend/src/lib/components/MiniToggleButtonGroup.svelte
@@ -44,7 +44,7 @@
 
 <ul
 	class={twMerge(
-		'flex text-nowrap bg-gray-300 rounded-full items-center border relative transition-colors',
+		'flex text-nowrap px-[1px] bg-gray-300 rounded-full items-center border relative transition-colors',
 		error ? 'border-red-300 bg-red-100' : '',
 		className
 	)}
diff --git a/frontend/src/lib/components/assets/AssetsDropdownButton.svelte b/frontend/src/lib/components/assets/AssetsDropdownButton.svelte
index e9fa9747f9..a07197c038 100644
--- a/frontend/src/lib/components/assets/AssetsDropdownButton.svelte
+++ b/frontend/src/lib/components/assets/AssetsDropdownButton.svelte
@@ -18,7 +18,7 @@
 	import ResourceEditorDrawer from '../ResourceEditorDrawer.svelte'
 	import type { Placement } from '@floating-ui/core'
 	import { safeSelectItems } from '../select/utils.svelte'
-	import MultiToggle from '../MultiToggle.svelte'
+	import MiniToggleButtonGroup from '../MiniToggleButtonGroup.svelte'
 
 	let {
 		assets,
@@ -162,7 +162,7 @@
 								_resourceMetadata={{ resource_type: resourceDataCache[asset.path] }}
 							/>
 						{/if}
-						<MultiToggle
+						<MiniToggleButtonGroup
 							items={safeSelectItems(['r', 'w', 'rw'])}
 							error={!asset.access_type && !alternativeAccessType}
 							disabled={!!asset.access_type}