diff --git a/src/components/layout/AnimateTopCard/index.tsx b/src/components/layout/AnimateTopCard/index.tsx
index e7afaa5..13d33e9 100644
--- a/src/components/layout/AnimateTopCard/index.tsx
+++ b/src/components/layout/AnimateTopCard/index.tsx
@@ -27,7 +27,7 @@ export default function AnimateTopCard({ data }: { data: Data }) {
                 <div className={styles.cardTitleUnderline}></div>
                 <div className={styles.cardContent}>
                     <div dangerouslySetInnerHTML={{__html: data.content}}
-                    style={{maxHeight: "200px", overflow: "hidden"}}
+                    style={{maxHeight: "190px", overflow: "hidden"}}
                     ></div>
                     {
                         data.moreText &&
diff --git a/src/pages/Social/Sustainability.tsx b/src/pages/Social/Sustainability.tsx
index 68a3179..f450971 100644
--- a/src/pages/Social/Sustainability.tsx
+++ b/src/pages/Social/Sustainability.tsx
@@ -129,6 +129,7 @@ export default function Sustainability() {
                 <Section
                     title={section3Data.title}
                     background={section3Data.backgroundImage ?? ""}
+                    maskBackground="rgba(255,255,255,0.3)"
                 >
                     <div className="w-72-inner">
                         <p className={styles.socialResponsibilityCaseDataContent}>