diff --git a/components/Sidebar/JoinLoyalty/index.tsx b/components/Sidebar/JoinLoyalty/index.tsx
index 8929df24f..ae5f582d5 100644
--- a/components/Sidebar/JoinLoyalty/index.tsx
+++ b/components/Sidebar/JoinLoyalty/index.tsx
@@ -33,9 +33,7 @@ export default async function JoinLoyaltyContact({
         </Title>
         <ScandicFriends color="red" />
         {block.preamble ? (
-          <Body textAlign={null} className={styles.preamble}>
-            {block.preamble}
-          </Body>
+          <Body className={styles.preamble}>{block.preamble}</Body>
         ) : null}
         {block.button ? (
           <Button
diff --git a/components/Sidebar/JoinLoyalty/joinLoyalty.module.css b/components/Sidebar/JoinLoyalty/joinLoyalty.module.css
index a7ed08a36..8ff913bce 100644
--- a/components/Sidebar/JoinLoyalty/joinLoyalty.module.css
+++ b/components/Sidebar/JoinLoyalty/joinLoyalty.module.css
@@ -6,7 +6,7 @@
   justify-items: center;
 }
 
-.preamble {
+article.wrapper .preamble {
   text-align: center;
 }
 
@@ -33,7 +33,7 @@
     justify-items: start;
   }
 
-  .preamble {
+  article.wrapper .preamble {
     text-align: left;
   }
 }
