diff --git a/src/components/SquareButton.svelte b/src/components/SquareButton.svelte
index 24172ba8f..dd0cb836f 100644
--- a/src/components/SquareButton.svelte
+++ b/src/components/SquareButton.svelte
@@ -18,6 +18,7 @@
     color: var(--color-foreground);
     font-family: var(--font-family-monospace);
     font-size: var(--font-size-tiny);
+    white-space: nowrap;
   }
 
   .small {
diff --git a/src/views/projects/Patches.svelte b/src/views/projects/Patches.svelte
index d791fad20..0344bb984 100644
--- a/src/views/projects/Patches.svelte
+++ b/src/views/projects/Patches.svelte
@@ -107,7 +107,7 @@
 
 <div class="patches">
   <div style="margin-bottom: 1rem;">
-    <div style="display: flex; gap: 0.5rem;">
+    <div style="display: flex; gap: 0.5rem; flex-wrap: wrap;">
       {#each options as option}
         {#if option.disabled}
           <SquareButton