diff --git a/app/soapbox/components/ui/hstack/hstack.tsx b/app/soapbox/components/ui/hstack/hstack.tsx
index 803bbd7c1..9769ebc60 100644
--- a/app/soapbox/components/ui/hstack/hstack.tsx
+++ b/app/soapbox/components/ui/hstack/hstack.tsx
@@ -23,6 +23,7 @@ const spaces = {
   3: 'space-x-3',
   4: 'space-x-4',
   6: 'space-x-6',
+  8: 'space-x-8',
 };
 
 interface IHStack {
@@ -33,7 +34,7 @@ interface IHStack {
   /** Horizontal alignment of children. */
   justifyContent?: 'between' | 'center' | 'start' | 'end',
   /** Size of the gap between elements. */
-  space?: 0.5 | 1 | 1.5 | 2 | 3 | 4 | 6,
+  space?: 0.5 | 1 | 1.5 | 2 | 3 | 4 | 6 | 8,
   /** Whether to let the flexbox grow. */
   grow?: boolean,
   /** Extra CSS styles for the <div> */