From 5c5143d2c9a2c8ac46d698667babbf608babcc78 Mon Sep 17 00:00:00 2001
From: Daniel Roe <daniel@roe.dev>
Date: Tue, 29 Nov 2022 13:38:01 +0000
Subject: [PATCH] fix: prevent horizontal body overflow on firefox

---
 composables/page-header.ts | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/composables/page-header.ts b/composables/page-header.ts
index dce199d7..8b98231c 100644
--- a/composables/page-header.ts
+++ b/composables/page-header.ts
@@ -6,6 +6,9 @@ const isPreview = window.location.hostname.includes('deploy-preview')
 export function usePageHeader() {
   useHead({
     titleTemplate: title => `${title ? `${title} | ` : ''}${APP_NAME}${isDev ? ' (dev)' : isPreview ? ' (preview)' : ''}`,
+    bodyAttrs: {
+      class: 'overflow-x-hidden',
+    },
     link: [
       { rel: 'icon', type: 'image/svg+png', href: isDev || isPreview ? '/favicon-dev.png' : '/favicon.png' },
     ],