diff --git a/src/containers/App/App.css b/src/containers/App/App.css
index 5b6e69184e86e0bded497624d7666843f37a2d49..87f5407e8ab80381f6d66ea28b0f0830f80d6724 100644
--- a/src/containers/App/App.css
+++ b/src/containers/App/App.css
@@ -418,6 +418,13 @@ footer a:hover {
   justify-content: center;
 }
 
+.sticky-font {
+  font-size: 1.3vh !important;
+}
+.sticky-title {
+  font-size: 3vh !important;
+}
+
 .sticky-words {
   font-size: large;
   /* display: flex;
diff --git a/src/contents/team.tsx b/src/contents/team.tsx
index c98233d458c8123de09838a54d0ad51dea52492e..a3bb585983f5ce938823b3e9f27df7ce2bae5aaf 100644
--- a/src/contents/team.tsx
+++ b/src/contents/team.tsx
@@ -46,9 +46,9 @@ const Card: React.FC<CardProps> = ({ image1, image2, title1,  description1,  id,
 const StickyImageContainer: React.FC<{ image: string ,words: string ,names: string}> = ({ image,words,names }) => {
   return (
     <div className="sticky-container" >
-      <h3 className='center-text'>⭐{names}⭐</h3>
+      <h3 className='sticky-title center-text'>⭐{names}⭐</h3>
       <img src={image} alt="Sticky" className='sticky-img' />
-      <p className='sticky-words sticky-description indent'>{words}</p>
+      <p className='sticky-font sticky-description indent'>{words}</p>
     </div>
   );
 };