diff --git a/src/components/Assignment/AssignmentCards.tsx b/src/components/Assignment/AssignmentCards.tsx
index 147fb55e515d3f31f9b68d0cfac7ed51144e2d1d..99085dedfd0244fe801ecb60138eab325b7b5cab 100644
--- a/src/components/Assignment/AssignmentCards.tsx
+++ b/src/components/Assignment/AssignmentCards.tsx
@@ -11,7 +11,7 @@ import React from "react"
 import { FiEdit } from "react-icons/fi"
 import { Link } from "react-router-dom"
 
-interface AssignmentCardsProps {
+export interface AssignmentCardsProps {
   index: Number
   scholarship_id: Number
   assignment_id: Number
diff --git a/src/components/Assignment/AssignmentDetails.tsx b/src/components/Assignment/AssignmentDetails.tsx
index 37756ef0f1a1512add1deb93de8fed19c6f77e05..cc3388ae4c3855806e5bb08188da202413b5ab7b 100644
--- a/src/components/Assignment/AssignmentDetails.tsx
+++ b/src/components/Assignment/AssignmentDetails.tsx
@@ -28,7 +28,7 @@ import { FiEdit } from "react-icons/fi"
 import { useParams } from "react-router-dom"
 import axios from "../../api/axios"
 import { Field, Form, Formik } from "formik"
-import { AssignmentCards } from "./AssignmentCards"
+import { AssignmentCards, AssignmentCardsProps } from "./AssignmentCards"
 
 const useFetchAssignments = () => {
   const [assignments, setAssignments] = useState([])
@@ -194,7 +194,7 @@ const AssignmentDetails = () => {
       <SimpleGrid columns={1} spacing={"5"} mt={16} mb={10} mx={"auto"}>
         <CreateAssignmentModal />
         {assignments.length > 0 ? (
-          assignments.map((assignment: any, index: any) => (
+          assignments.map((assignment: AssignmentCardsProps, index: any) => (
             <AssignmentCards
               key={index}
               index={index}