diff --git a/index.html b/index.html
index 8eaba77..0164b05 100644
--- a/index.html
+++ b/index.html
@@ -2,15 +2,6 @@
 <html>
 
 <head>
-  <!-- Google tag (gtag.js) -->
-  <script async src="https://www.googletagmanager.com/gtag/js?id=G-W7VZNW3G14"></script>
-  <script>
-    window.dataLayer = window.dataLayer || [];
-    function gtag() { dataLayer.push(arguments); }
-    gtag('js', new Date());
-
-    gtag('config', 'G-W7VZNW3G14');
-  </script>
   <meta charset='utf-8'>
   <meta http-equiv='X-UA-Compatible' content='IE=edge'>
   <title>UT Grade Viewer</title>
@@ -23,7 +14,15 @@
   src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.js">
   </script>
 </head>
+<!-- Google tag (gtag.js) -->
+<script async src="https://www.googletagmanager.com/gtag/js?id=G-W7VZNW3G14"></script>
+<script>
+  window.dataLayer = window.dataLayer || [];
+  function gtag(){dataLayer.push(arguments);}
+  gtag('js', new Date());
 
+  gtag('config', 'G-W7VZNW3G14');
+</script>
 <body>
   <div class="bg"></div>
   <div class="bg-text">
@@ -58,9 +57,9 @@
         <br><br>
       </form>
     </form>
-    <div class="chart-container" id="grades" value="invisible" class="center" style="position: relative; height:40vh; width:80vw">
+    <div class="chart-container" id="grades" value="invisible" style="position: relative; height:40vh; width:80vw">
       <!--Bar graph stuff-->
-      <canvas id="gradeBar"></canvas>
+      <canvas id="gradeBar" style="width:100%;height:100%;"></canvas>
     </div>
   </div>
   <script src='main.js'></script>
diff --git a/main.js b/main.js
index 809b213..a5fdd9f 100644
--- a/main.js
+++ b/main.js
@@ -98,7 +98,7 @@ async function PapaParse(department, num, name) {
             datasets: [{
                 label: 'Grade Distribution',
                 data: Object.values(gradeDist),
-                borderWidth: 3,
+                borderWidth: 2,
                 // borderColor: '#36A2EB',
                 backgroundColor: ["rgb(98, 244, 54)", "rgb(129, 231, 10)", "rgb(151, 218, 0)", "rgb(168, 204, 0)", "rgb(181, 190, 0)", "rgb(191, 176, 0)", "rgb(199, 162, 0)", "rgb(205, 148, 0)", "rgb(209, 133, 0)", "rgb(211, 119, 0)", "rgb(210, 105, 0)", "rgb(208, 91, 23)", "rgb(204, 78, 36)", "rgb(198, 66, 46)", "rgb(190, 54, 54)", ""],
             }]
@@ -130,12 +130,12 @@ function loadChart(gradeDist) {
         datasets: [{
             label: 'Grade Distribution',
             data: Object.values(gradeDist),
-            borderWidth: 3,
-            barThickness: 50,
+            borderWidth: 2,
             backgroundColor: ["rgb(98, 244, 54)", "rgb(129, 231, 10)", "rgb(151, 218, 0)", "rgb(168, 204, 0)", "rgb(181, 190, 0)", "rgb(191, 176, 0)", "rgb(199, 162, 0)", "rgb(205, 148, 0)", "rgb(209, 133, 0)", "rgb(211, 119, 0)", "rgb(210, 105, 0)", "rgb(208, 91, 23)", "rgb(204, 78, 36)", "rgb(198, 66, 46)", "rgb(190, 54, 54)", ""],
         }]
         },
         options: {
+            responsive: true,
             maintainAspectRatio: false,
             scales: {
               y: {
