diff --git a/index.html b/index.html
index 5943818..d369d94 100644
--- a/index.html
+++ b/index.html
@@ -27,12 +27,13 @@
 <body>
   <div class="bg"></div>
   <div class="bg-text">
-    <p>In lecture one day I noticed the other sites were using outdated data sets from <2020, so I made my own. Enjoy!</p>
+    <p>Noticed other grade sites used outdated data, so I made my own. Enjoy!</p>
     <p>
       Keep course names as close to the
       <a href="https://registrar.utexas.edu/schedules">official course name</a>
       as possible
     </p>
+    <br>
     <form action="">
     
       <!-- Data is separated into course number, course prefi;x, and course name-->
@@ -45,7 +46,8 @@
       <label for="courseInstructor">Instructor (Optional)</label>
       <input type="text" id="courseInstructor" name="fname"><br><br>
       <button type="button" id="subBut">Submit</button><br><br>
-    
+      
+      <!-- Dropdown menu for semester selection -->
       <form>
         <label for="dropdown">Semester (work in progress):</label>
         <select id="dropdown" name="dropdown">
@@ -56,7 +58,7 @@
         <br><br>
       </form>
     </form>
-    <div id="grades" value="invisible">
+    <div id="grades" value="invisible" class="center" style="width:800px; margin:0 auto;">
       <!--Bar graph stuff-->
       <canvas id="gradeBar" style="width:100%;max-width:700px"></canvas>
     </div>
diff --git a/main.css b/main.css
index 8c50c69..970948f 100644
--- a/main.css
+++ b/main.css
@@ -5,7 +5,7 @@
 body {
     font-family: 'Helvetica Neue', sans-serif;
     background: rgb(27,26,42);
-    background: linear-gradient(90deg, rgba(27,26,42,1) 0%, rgba(61,87,92,1) 100%);
+    background: linear-gradient(90deg, rgba(61,87,92,1) 0%, rgb(69, 68, 84) 100%);
   }
   
   a {
diff --git a/main.js b/main.js
index 847cc0a..3eb8a81 100644
--- a/main.js
+++ b/main.js
@@ -103,7 +103,9 @@ function loadChart(gradeDist) {
         datasets: [{
             label: 'Grade Distribution',
             data: Object.values(gradeDist),
-            borderWidth: 1
+            borderWidth: 1,
+            // borderColor: '#36A2EB',
+            backgroundColor: '#9BD0F5',
         }]
         },
         options: {
