diff --git a/docs/index.html b/docs/index.html
index d96be9b..f7404cb 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -63,6 +63,7 @@
         <form>
           <label for="dropdown">Semester:</label>
           <select id="semester" name="dropdown">
+            <option value="sp2023">Spring 2023</option>
             <option value="f2022">Fall 2022</option>
             <option value="s2022">Summer 2022</option>
             <option value="sp2022">Spring 2022</option>
diff --git a/docs/main.css b/docs/main.css
index 9ded5a6..021756c 100644
--- a/docs/main.css
+++ b/docs/main.css
@@ -53,7 +53,7 @@ main {
     grid-auto-rows: minmax(100px, auto);
     text-align: center;
     color: #fff;
-    margin-top: 10px;
+    margin-top: 30px;
     min-height: 100vh;
     /* background-color: rgba(0, 0, 0, .4); */
 }
@@ -80,6 +80,7 @@ main {
     width: 70%;
     margin: 0 auto;
     border-radius: 10px;
+    height: fit-content;
     padding: var(--about-text-padding);
 }
 
@@ -90,12 +91,12 @@ main {
     grid-row: 2;
     font-weight: 400;
     width: auto;
-    height: auto;
     margin: 0 auto;
     border-radius: 10px;
     padding: var(--bg-form-padding);
     display: flex;
     flex-direction: column;
+    height: fit-content;
 }
 
 .chart-container {
diff --git a/docs/main.js b/docs/main.js
index 60669f5..919db00 100644
--- a/docs/main.js
+++ b/docs/main.js
@@ -49,6 +49,7 @@ async function parseName() {
  */
 async function PapaParse(department, num, name, sem) {
     const semesterURLs = {
+        'sp2023': 'https://derec4.github.io/ut-grade-data/2023%20Spring.json',
         'f2022': 'https://derec4.github.io/ut-grade-data/2022%20Fall.json',
         's2022': 'https://derec4.github.io/ut-grade-data/2022%20Summer.json',
         'sp2022': 'https://derec4.github.io/ut-grade-data/2022%20Spring.json',