diff --git a/pages/community/vamx/join.vue b/pages/community/vamx/join.vue
index 2cfd7e9..d94264e 100644
--- a/pages/community/vamx/join.vue
+++ b/pages/community/vamx/join.vue
@@ -14,7 +14,7 @@ const { data } = await useAsyncData(`content-${path}`, () => {
       <ACard
         shadow="none"
         :title="$t('community.vamx.join.title')"
-        :subtitle="$t('community.vamx.join.discription')"
+        :subtitle="$t('community.vamx.join.description')"
         class="w-full"
       >
         <!-- <img
@@ -55,7 +55,7 @@ const { data } = await useAsyncData(`content-${path}`, () => {
         <ACard
           shadow="none"
           :title="$t('community.vamx.join.title')"
-          :subtitle="$t('community.vamx.join.discription')"
+          :subtitle="$t('community.vamx.join.description')"
           class="hidden lg:(block w-300px)"
         >
           <!-- <img
@@ -90,11 +90,11 @@ const { data } = await useAsyncData(`content-${path}`, () => {
         </ACard>
       </div>
 
-      <div class="w-full lg:px-5">
+      <ACard class="w-full p-8">
         <Typography :title="data?.title" :description="data?.description" :topic="data?.topic" class="pb-5" />
         <!-- <SectionBanner :img="data?.img" :title="data?.title" :topic="data?.topic" :description="data?.description" font-bold text-white /> -->
-        <ContentRenderer v-if="data" :value="data" />
-      </div>
+        <ContentRenderer v-if="data" :value="data" class="mx-auto prose xl:max-w-900px" />
+      </ACard>
     </Section>
   </div>
 </template>
diff --git a/pages/community/vamx/news.vue b/pages/community/vamx/news.vue
index ce20f2f..5128a71 100644
--- a/pages/community/vamx/news.vue
+++ b/pages/community/vamx/news.vue
@@ -37,7 +37,7 @@ const status = [
       <ACard
         shadow="none"
         :title="$t('community.vamx.news.title')"
-        :subtitle="$t('community.vamx.news.discription')"
+        :subtitle="$t('community.vamx.news.description')"
         class="w-full"
       >
         <!-- <img
@@ -67,7 +67,7 @@ const status = [
         <ACard
           shadow="none"
           :title="$t('community.vamx.news.title')"
-          :subtitle="$t('community.vamx.news.discription')"
+          :subtitle="$t('community.vamx.news.description')"
           class="hidden lg:(block w-300px)"
         >
           <!-- <img
diff --git a/pages/community/vamx/structure.vue b/pages/community/vamx/structure.vue
index 03cdbe6..2b6f04f 100644
--- a/pages/community/vamx/structure.vue
+++ b/pages/community/vamx/structure.vue
@@ -14,7 +14,7 @@ const { data } = await useAsyncData(`content-${path}`, () => {
       <ACard
         shadow="none"
         :title="$t('community.vamx.structure.title')"
-        :subtitle="$t('community.vamx.structure.discription')"
+        :subtitle="$t('community.vamx.structure.description')"
         class="w-full"
       >
         <!-- <img
@@ -55,7 +55,7 @@ const { data } = await useAsyncData(`content-${path}`, () => {
         <ACard
           shadow="none"
           :title="$t('community.vamx.structure.title')"
-          :subtitle="$t('community.vamx.structure.discription')"
+          :subtitle="$t('community.vamx.structure.description')"
           class="hidden lg:(block w-300px)"
         >
           <!-- <img
@@ -90,10 +90,10 @@ const { data } = await useAsyncData(`content-${path}`, () => {
         </ACard>
       </div>
 
-      <div class="w-full lg:px-5">
+      <ACard class="w-full p-8">
         <Typography :title="data?.title" :description="data?.description" :topic="data?.topic" class="pb-5" />
-        <ContentRenderer v-if="data" :value="data" />
-      </div>
+        <ContentRenderer v-if="data" :value="data" class="mx-auto prose xl:max-w-900px" />
+      </ACard>
     </Section>
   </div>
 </template>