diff --git a/css/card.css b/css/card.css
new file mode 100644
index 0000000..18f83a7
--- /dev/null
+++ b/css/card.css
@@ -0,0 +1,10 @@
+.se-card {
+    background-color: #f4f4f4;
+    border-radius: 8px;
+    padding: 0.5em 1em;
+    margin: 2em 0em;
+}
+
+.se-card :is(h2, h3, h4) {
+    margin: 0;
+}
diff --git a/css/expandableCard.css b/css/expandableCard.css
new file mode 100644
index 0000000..a386005
--- /dev/null
+++ b/css/expandableCard.css
@@ -0,0 +1,23 @@
+.se-card-header {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.se-card-expand-button {
+    background: inherit !important;
+    border: none !important;
+    padding: none !important;
+    margin: none !important;
+    box-shadow: none !important;
+}
+
+.se-card-expand-button:hover {
+    background: inherit !important;
+}
+
+.se-expandable-card-wrapper {
+    overflow: hidden;
+    transition: max-height 300ms ease-in-out;
+}
diff --git a/manifest/base.json b/manifest/base.json
index ba7acc1..95f80bd 100644
--- a/manifest/base.json
+++ b/manifest/base.json
@@ -27,6 +27,7 @@
                 "css/teacherPage.css",
                 "css/classPage.css",
                 "css/profilePage.css",
+                "css/expandableCard.css",
                 "css/card.css"
             ]
         },