diff --git a/public/css/base.css b/public/css/base.css
index 8a5a620..488a68a 100644
--- a/public/css/base.css
+++ b/public/css/base.css
@@ -7,26 +7,6 @@ header, #drives, #services, footer {
   float: left;
   width: 20%;
 }
-.chart {
-  height: 80%;
-  width: 80%;
-  viewBox: 0 0 20 20;
-}
-circle {
-  cx: 10; 
-  cy: 10;
-}
-.pie {
-  fill: #bbb;
-  r: 10;
-}
-.piece {
-  stroke: #312c4c;
-  r: 5;
-  fill: transparent;
-  stroke-width: 10;
-  transform: rotate(-90) translate(-20);
-}
 h5 {
   text-align: left;
   margin: 0.5em 3em;
diff --git a/public/php/functions.php b/public/php/functions.php
index 5bd3c61..da487f8 100644
--- a/public/php/functions.php
+++ b/public/php/functions.php
@@ -36,15 +36,19 @@
   <div class="drive">
     <h3>' . $drive->name . '</h3>
     <h4>' . $drive->description . '</h4>
-    <svg class="chart">
-      <circle class="pie" />
-      <circle 
+
+    <svg height="80%" width="80%" viewBox="0 0 20 20">
+      <circle r="10" cx="10" cy="10" fill="#bbb" />
+      <circle r="5" cx="10" cy="10" fill="transparent"
         id="' . $drive->id . '"
-        class="piece"
+        stroke="#fff"
+        stroke-width="10"
         stroke-dasharray="' . ($drive->spacePercentageUsed ?
           $drive->spacePercentageUsed : 0) * 31.4 / 100 . ' 31.4"
+        transform="rotate(-90) translate(-20)"
       />
     </svg>
+
     <h5>Free Space: <em>' . getByteString($drive->spaceFree) . '</em></h5>
     <h5>Used Space: <em>' . getByteString($drive->spaceUsed) . '</em></h5>
   </div>';