diff --git a/src/components/AssignmentCard.js b/src/components/AssignmentCard.js
index 7ab4609..daad853 100644
--- a/src/components/AssignmentCard.js
+++ b/src/components/AssignmentCard.js
@@ -110,6 +110,7 @@ function AssignmentCard({ title, classrooms, dueDate, scores, layoutType }) {
                 .filter((_, i) => i > 0)
                 .map(c => (
                   <div
+                    key={c.id}
                     style={{
                       position: 'absolute',
                       width: '100%',
diff --git a/src/screens/Home/View.js b/src/screens/Home/View.js
index 057be5f..5114c47 100644
--- a/src/screens/Home/View.js
+++ b/src/screens/Home/View.js
@@ -95,16 +95,14 @@ function View({ layoutType, classrooms, assignments }) {
             gap="30px"
           >
             {classrooms === null ? (
-              Array(6)
-                .fill()
-                .map((_, index) => (
-                  <Skeleton
-                    key={index}
-                    variant="rectangular"
-                    width="100%"
-                    height={245}
-                  />
-                ))
+              createArrayFrom1ToN(6).map(i => (
+                <Skeleton
+                  key={i}
+                  variant="rectangular"
+                  width="100%"
+                  height={245}
+                />
+              ))
             ) : classrooms.length !== 0 ? (
               classrooms.map(classroom => (
                 <ClassCard
@@ -131,16 +129,14 @@ function View({ layoutType, classrooms, assignments }) {
             gap="30px"
           >
             {assignments === null ? (
-              Array(6)
-                .fill()
-                .map((_, index) => (
-                  <Skeleton
-                    key={index}
-                    variant="rectangular"
-                    width="100%"
-                    height={245}
-                  />
-                ))
+              createArrayFrom1ToN(6).map(i => (
+                <Skeleton
+                  key={i}
+                  variant="rectangular"
+                  width="100%"
+                  height={245}
+                />
+              ))
             ) : assignments.length !== 0 ? (
               assignments.map(assignment => (
                 <AssignmentCard