diff --git a/components/agenda/agendaDetail/AgendaInfo.tsx b/components/agenda/agendaDetail/AgendaInfo.tsx
index 73a150ffa..5b64fad66 100644
--- a/components/agenda/agendaDetail/AgendaInfo.tsx
+++ b/components/agenda/agendaDetail/AgendaInfo.tsx
@@ -149,9 +149,9 @@ export default function AgendaInfo({
       <div
         className={`${styles.infoContainer} ${containerSize}`}
         style={{
-          background: `linear-gradient(0deg, #fff 6rem, rgba(0, 0, 0, 0) 10rem), url(${
+          background: `linear-gradient(0deg, #fff 7rem, rgba(0, 0, 0, 0) 10rem), url(${
             agendaData.agendaPosterUrl || '/image/agenda/42.jpg'
-          })`,
+          }) lightgray 50% / cover no-repeat`,
         }}
       >
         <div className={styles.infoWarp}>
diff --git a/components/agenda/utils/PageController.tsx b/components/agenda/utils/PageController.tsx
index 8e6824ee5..e33bf7537 100644
--- a/components/agenda/utils/PageController.tsx
+++ b/components/agenda/utils/PageController.tsx
@@ -76,9 +76,9 @@ const PageController = ({
       <button
         className={styles.agendaInfoContainer}
         style={{
-          background: `linear-gradient(180deg, #fff 5rem, rgba(0, 0, 0, 0) 10rem), url(${
+          background: `linear-gradient(0deg, #fff 7rem, rgba(0, 0, 0, 0) 10rem), url(${
             data[current]?.agendaPosterUrl || '/image/agenda/42.jpg'
-          })`,
+          }) lightgray 50% / cover no-repeat`,
         }}
         onClick={(e) => {
           const target = e.target as HTMLElement;
diff --git a/styles/index.module.scss b/styles/index.module.scss
index 0318712c1..0e788d62b 100644
--- a/styles/index.module.scss
+++ b/styles/index.module.scss
@@ -10,7 +10,6 @@
 
 .title {
   @include text(main-menu);
-  @include gridHidden(mobile);
   margin: 1rem 0 0 1.5rem;
   font-size: $font-size-l;
 }