diff --git a/components/organisms/sliders/ImageTileSlider.tsx b/components/organisms/sliders/ImageTileSlider.tsx
index 960192e3a..cad02eae8 100644
--- a/components/organisms/sliders/ImageTileSlider.tsx
+++ b/components/organisms/sliders/ImageTileSlider.tsx
@@ -5,9 +5,8 @@ import "swiper/css/scrollbar";
 
 import { AspectRatio, Box } from "@chakra-ui/react";
 import Image from "next/image";
-import Link, { LinkProps } from "next/link";
-import styled from "styled-components";
-import css from "styled-jsx/css";
+import Link from "next/link";
+import styled, { css } from "styled-components";
 import SwiperCore from "swiper";
 import { Navigation, Pagination } from "swiper/modules";
 import { Swiper, SwiperSlide } from "swiper/react";
@@ -64,7 +63,7 @@ function ImageTileSlider({ imageTileArr, size, aspect = 1, slidesPerView }: IIma
   );
 }
 
-const CustomLink = styled(Link)<{ size: Size } & LinkProps>`
+const CustomLink = styled(Link)<{ size: Size }>`
   display: flex;
   flex-direction: column;
   background-color: white;
@@ -74,7 +73,7 @@ const CustomLink = styled(Link)<{ size: Size } & LinkProps>`
   box-shadow: var(--shadow);
 
   ${(props) => {
-    switch (props.size as Size) {
+    switch (props.size) {
       case "sm":
         return css`
           border: none;
@@ -86,6 +85,8 @@ const CustomLink = styled(Link)<{ size: Size } & LinkProps>`
           border: var(--border);
           box-shadow: var(--shadow);
         `;
+      default:
+        return css``;
     }
   }}
 `;
diff --git a/pageTemplates/group/detail/GroupTitle.tsx b/pageTemplates/group/detail/GroupTitle.tsx
index 67d75edc5..a541a91c0 100644
--- a/pageTemplates/group/detail/GroupTitle.tsx
+++ b/pageTemplates/group/detail/GroupTitle.tsx
@@ -87,7 +87,7 @@ const IconWrapper = styled.div`
   bottom: -2px;
 `;
 
-const Layout = styled.div<{ status: GatherStatus }>`
+const Layout = styled.div<{ status: GatherStatus | "gathering" }>`
   padding: Var(--gap-4);
   padding-bottom: var(--gap-2);
   background-color: white;
diff --git a/pageTemplates/home/studyController/StudyControllerDates.tsx b/pageTemplates/home/studyController/StudyControllerDates.tsx
index a44102147..870ee36a1 100644
--- a/pageTemplates/home/studyController/StudyControllerDates.tsx
+++ b/pageTemplates/home/studyController/StudyControllerDates.tsx
@@ -89,7 +89,7 @@ const FlexContainer = styled.div`
   position: relative;
 `;
 
-const MotionDiv = styled(motion.div)`
+const MotionDiv = styled(motion.div)<{ idx: number }>`
   display: flex;
   position: relative;
   justify-content: center;