diff --git a/src/components/Radio.svelte b/src/components/Radio.svelte
index 8e3fa589f..c3150c2d0 100644
--- a/src/components/Radio.svelte
+++ b/src/components/Radio.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
   export let ariaLabel: string | undefined = undefined;
   export let outline: boolean = false;
+  export let styleGap: string | undefined = undefined;
 </script>
 
 <style>
   .radio {
     display: flex;
-    gap: 0.375rem;
     border-radius: var(--border-radius-tiny);
     justify-content: center;
     align-items: center;
@@ -21,6 +21,6 @@
   }
 </style>
 
-<div aria-label={ariaLabel} class="radio" class:outline>
+<div aria-label={ariaLabel} class="radio" class:outline style:gap={styleGap}>
   <slot />
 </div>
diff --git a/src/views/projects/Patch.svelte b/src/views/projects/Patch.svelte
index a7ecf5b1f..bba88f143 100644
--- a/src/views/projects/Patch.svelte
+++ b/src/views/projects/Patch.svelte
@@ -743,7 +743,7 @@
 
       <div class="tabs">
         <div class="tabs-spacer" />
-        <Radio>
+        <Radio styleGap="0.375rem">
           {#each Object.entries(tabs) as [name, { route, icon }]}
             <Link {route}>
               <Button