1 files changed, 10 insertions, 8 deletions
diff --git a/src/lib/content/components/PageContent.jsx b/src/lib/content/components/PageContent.jsx
index 61e5381d..5b5b0f8f 100644
--- a/src/lib/content/components/PageContent.jsx
+++ b/src/lib/content/components/PageContent.jsx
@@ -6,6 +6,14 @@ const PageContent = ({ path }) => {
   const fetchContent = async () => await pageContentApi({ path })
   const content = useQuery(`content-${path}`, fetchContent)
 
+  if (content.isLoading) {
+    return (
+      <div className='flex justify-center my-6'>
+        <Spinner className='w-6 text-gray_r-12/50 fill-gray_r-12' />
+      </div>
+    )
+  }
+
   if (content.data?.id) {
     let parsedContent = content.data.content
     parsedContent = parsedContent.replaceAll(
@@ -13,6 +21,8 @@ const PageContent = ({ path }) => {
       `src="${process.env.NEXT_PUBLIC_ODOO_API_HOST}/web/image`
     )
     const contentClassNames = ` 
+      container
+      mx-auto
       prose 
       prose-gray 
       prose-a:text-danger-500 
@@ -28,14 +38,6 @@ const PageContent = ({ path }) => {
     return <div className={contentClassNames} dangerouslySetInnerHTML={{ __html: parsedContent }} />
   }
 
-  if (content.isLoading) {
-    return (
-      <div className='flex justify-center my-6'>
-        <Spinner className='w-6 text-gray_r-12/50 fill-gray_r-12' />
-      </div>
-    )
-  }
-
   return <></>
 }