diff --git a/client/src/components/anims/blast.jsx b/client/src/components/anims/blast.jsx
index 21d985fa..c11bdc95 100644
--- a/client/src/components/anims/blast.jsx
+++ b/client/src/components/anims/blast.jsx
@@ -36,7 +36,7 @@ class Blast extends Component {
     render() {
         return (
             <svg
-                id='blast'
+                id="blast"
                 class="skill-animation"
                 version="1.1"
                 transform-box='fill-box'
diff --git a/client/src/components/anims/buff.jsx b/client/src/components/anims/buff.jsx
index c73081d0..1dc54cf9 100644
--- a/client/src/components/anims/buff.jsx
+++ b/client/src/components/anims/buff.jsx
@@ -21,7 +21,7 @@ class Buff extends Component {
     render() {
         return (
             <svg
-                id='buff'
+                id="buff"
                 class="skill-animation white"
                 version="1.1"
                 xmlns="http://www.w3.org/2000/svg"
diff --git a/client/src/components/anims/chaos.jsx b/client/src/components/anims/chaos.jsx
index 447ea3f0..d009c116 100644
--- a/client/src/components/anims/chaos.jsx
+++ b/client/src/components/anims/chaos.jsx
@@ -52,7 +52,7 @@ class Chaos extends Component {
                             <feMergeNode in="SourceGraphic" />
                         </feMerge>
                     </filter>
-                    <filter id='chaosRedFilter'>
+                    <filter id="chaosRedFilter">
                         <feTurbulence type="turbulence" baseFrequency="0" numOctaves="1" result="turbulence"></feTurbulence>
                         <feDisplacementMap in2="turbulence" in="SourceGraphic" scale="1" xChannelSelector="R" yChannelSelector="G"></feDisplacementMap>
                     </filter>
diff --git a/client/src/components/anims/counter.jsx b/client/src/components/anims/counter.jsx
index 0ae9d709..e19d3518 100644
--- a/client/src/components/anims/counter.jsx
+++ b/client/src/components/anims/counter.jsx
@@ -21,13 +21,13 @@ class Counter extends Component {
     render({ team }) {
         return (
             <svg
-                class='skill-animation red'
+                class="skill-animation red"
                 version="1.1"
                 id="counter"
                 xmlns="http://www.w3.org/2000/svg"
                 style={{ transform: team ? 'rotate3d(1, 0, 0, 180deg)' : '' }}
                 viewBox="0 0 256 256">
-                <filter id='counterFilter'>
+                <filter id="counterFilter">
                     <feTurbulence type="turbulence" baseFrequency="0" numOctaves="1" result="turbulence"></feTurbulence>
                     <feDisplacementMap in2="turbulence" in="SourceGraphic" scale="1" xChannelSelector="R" yChannelSelector="G"></feDisplacementMap>
                 </filter>
diff --git a/client/src/components/anims/debuff.jsx b/client/src/components/anims/debuff.jsx
index 0f68d33d..14bbab7a 100644
--- a/client/src/components/anims/debuff.jsx
+++ b/client/src/components/anims/debuff.jsx
@@ -21,7 +21,7 @@ class Debuff extends Component {
     render() {
         return (
             <svg
-                id='debuff'
+                id="debuff"
                 class="skill-animation white"
                 version="1.1"
                 xmlns="http://www.w3.org/2000/svg"
diff --git a/client/src/components/anims/decay.jsx b/client/src/components/anims/decay.jsx
index ebd67e7d..5b1c8b4a 100644
--- a/client/src/components/anims/decay.jsx
+++ b/client/src/components/anims/decay.jsx
@@ -22,7 +22,7 @@ class Decay extends Component {
     render() {
         return (
             <svg
-                id='decay'
+                id="decay"
                 class="skill-animation"
                 version="1.1"
                 xmlns="http://www.w3.org/2000/svg"
diff --git a/client/src/components/anims/electrify.jsx b/client/src/components/anims/electrify.jsx
index a0226894..06ed0e20 100644
--- a/client/src/components/anims/electrify.jsx
+++ b/client/src/components/anims/electrify.jsx
@@ -23,7 +23,7 @@ class Electrify extends Component {
     render() {
         return (
             <svg
-                class='skill-animation blue'
+                class="skill-animation blue"
                 version="1.1"
                 id="electrify"
                 xmlns="http://www.w3.org/2000/svg"
diff --git a/client/src/components/anims/electrocute.jsx b/client/src/components/anims/electrocute.jsx
index 0d8fdc79..581a3db6 100644
--- a/client/src/components/anims/electrocute.jsx
+++ b/client/src/components/anims/electrocute.jsx
@@ -23,7 +23,7 @@ class Electrocute extends Component {
     render() {
         return (
             <svg
-                class='skill-animation blue'
+                class="skill-animation blue"
                 version="1.1"
                 id="electrify"
                 xmlns="http://www.w3.org/2000/svg"
diff --git a/client/src/components/anims/haste.jsx b/client/src/components/anims/haste.jsx
index b93a7b68..fac90bb0 100644
--- a/client/src/components/anims/haste.jsx
+++ b/client/src/components/anims/haste.jsx
@@ -21,7 +21,7 @@ class Haste extends Component {
     render() {
         return (
             <svg
-                id='haste'
+                id="haste"
                 class="skill-animation"
                 version="1.1"
                 xmlns="http://www.w3.org/2000/svg"
diff --git a/client/src/components/anims/heal.jsx b/client/src/components/anims/heal.jsx
index c0459ffd..6e84c81b 100644
--- a/client/src/components/anims/heal.jsx
+++ b/client/src/components/anims/heal.jsx
@@ -37,8 +37,8 @@ class Heal extends Component {
     render() {
         return (
             <svg
-                class='skill-animation'
-                id='heal'
+                class="skill-animation"
+                id="heal"
                 version="1.1"
                 xmlns="http://www.w3.org/2000/svg"
                 viewBox="0 0 300 400">
diff --git a/client/src/components/anims/hex.jsx b/client/src/components/anims/hex.jsx
index c279225d..fb31b373 100644
--- a/client/src/components/anims/hex.jsx
+++ b/client/src/components/anims/hex.jsx
@@ -23,7 +23,7 @@ class Hex extends Component {
     render() {
         return (
             <svg
-                class='skill-animation blue'
+                class="skill-animation blue"
                 version="1.1"
                 id="hex"
                 xmlns="http://www.w3.org/2000/svg"
diff --git a/client/src/components/anims/hybrid.jsx b/client/src/components/anims/hybrid.jsx
index 7f2a2a58..89884a32 100644
--- a/client/src/components/anims/hybrid.jsx
+++ b/client/src/components/anims/hybrid.jsx
@@ -21,8 +21,8 @@ class Hybrid extends Component {
     render() {
         return (
             <svg
-                class='skill-animation'
-                id='hybrid'
+                class="skill-animation"
+                id="hybrid"
                 version="1.1"
                 xmlns="http://www.w3.org/2000/svg"
                 viewBox="0 0 300 300">
diff --git a/client/src/components/anims/intercept.jsx b/client/src/components/anims/intercept.jsx
index 1edb45a1..5049febf 100644
--- a/client/src/components/anims/intercept.jsx
+++ b/client/src/components/anims/intercept.jsx
@@ -25,7 +25,7 @@ class Intercept extends Component {
     render() {
         return (
             <svg
-                class='skill-animation'
+                class="skill-animation"
                 version="1.1"
                 id="intercept"
                 xmlns="http://www.w3.org/2000/svg"
diff --git a/client/src/components/anims/link.jsx b/client/src/components/anims/link.jsx
index e20d5bbf..66ecdaf4 100644
--- a/client/src/components/anims/link.jsx
+++ b/client/src/components/anims/link.jsx
@@ -22,7 +22,7 @@ class Link extends Component {
     render() {
         return (
             <svg
-                class='skill-animation blue'
+                class="skill-animation blue"
                 version="1.1"
                 id="link"
                 xmlns="http://www.w3.org/2000/svg"
diff --git a/client/src/components/anims/purge.jsx b/client/src/components/anims/purge.jsx
index 34bd6c68..25cc6bdd 100644
--- a/client/src/components/anims/purge.jsx
+++ b/client/src/components/anims/purge.jsx
@@ -21,7 +21,7 @@ class Purge extends Component {
     render() {
         return (
             <svg
-                class='skill-animation green'
+                class="skill-animation green"
                 version="1.1"
                 id="purge"
                 xmlns="http://www.w3.org/2000/svg"
diff --git a/client/src/components/anims/purify.jsx b/client/src/components/anims/purify.jsx
index adc83efd..1e605b79 100644
--- a/client/src/components/anims/purify.jsx
+++ b/client/src/components/anims/purify.jsx
@@ -44,7 +44,7 @@ class Purify extends Component {
     render() {
         return (
             <svg
-                class='skill-animation green'
+                class="skill-animation green"
                 version="1.1"
                 id="purify"
                 xmlns="http://www.w3.org/2000/svg"
diff --git a/client/src/components/anims/recharge.jsx b/client/src/components/anims/recharge.jsx
index 7f224604..164dacd4 100644
--- a/client/src/components/anims/recharge.jsx
+++ b/client/src/components/anims/recharge.jsx
@@ -21,7 +21,7 @@ class Recharge extends Component {
     render() {
         return (
             <svg
-                class='skill-animation red'
+                class="skill-animation red"
                 version="1.1"
                 id="recharge"
                 xmlns="http://www.w3.org/2000/svg"
diff --git a/client/src/components/anims/red.block.jsx b/client/src/components/anims/red.block.jsx
index 4adb850d..515bcb27 100644
--- a/client/src/components/anims/red.block.jsx
+++ b/client/src/components/anims/red.block.jsx
@@ -21,7 +21,7 @@ class Block extends Component {
     render() {
         return (
             <svg
-                class='skill-animation red'
+                class="skill-animation red"
                 version="1.1"
                 id="block"
                 xmlns="http://www.w3.org/2000/svg"
diff --git a/client/src/components/anims/red.circles.jsx b/client/src/components/anims/red.circles.jsx
index 4b6134e1..a919dac4 100644
--- a/client/src/components/anims/red.circles.jsx
+++ b/client/src/components/anims/red.circles.jsx
@@ -21,7 +21,7 @@ class Intercept extends Component {
     render({ player }) {
         return (
             <svg
-                class='skill-animation red'
+                class="skill-animation red"
                 version="1.1"
                 id="intercept"
                 xmlns="http://www.w3.org/2000/svg"
diff --git a/client/src/components/anims/reflect.jsx b/client/src/components/anims/reflect.jsx
index ac18ab0e..dc0dc2f9 100644
--- a/client/src/components/anims/reflect.jsx
+++ b/client/src/components/anims/reflect.jsx
@@ -24,7 +24,7 @@ class Refl extends Component {
 
         return (
             <svg
-                class='skill-animation'
+                class="skill-animation"
                 version="1.1"
                 id="reflect"
                 xmlns="http://www.w3.org/2000/svg"
diff --git a/client/src/components/anims/restrict.jsx b/client/src/components/anims/restrict.jsx
index ac663cb8..875d6a5a 100644
--- a/client/src/components/anims/restrict.jsx
+++ b/client/src/components/anims/restrict.jsx
@@ -21,7 +21,7 @@ class Restrict extends Component {
     render() {
         return (
             <svg
-                class='skill-animation red'
+                class="skill-animation red"
                 version="1.1"
                 id="restrict"
                 xmlns="http://www.w3.org/2000/svg"
diff --git a/client/src/components/anims/ruin.jsx b/client/src/components/anims/ruin.jsx
index 9738d7a8..c7a4423f 100644
--- a/client/src/components/anims/ruin.jsx
+++ b/client/src/components/anims/ruin.jsx
@@ -23,7 +23,7 @@ class Ruin extends Component {
 
         return (
             <svg
-                class='skill-animation blue'
+                class="skill-animation blue"
                 version="1.1"
                 id="ruin"
                 xmlns="http://www.w3.org/2000/svg"
diff --git a/client/src/components/anims/silence.jsx b/client/src/components/anims/silence.jsx
index f30d1bb9..f46dcced 100644
--- a/client/src/components/anims/silence.jsx
+++ b/client/src/components/anims/silence.jsx
@@ -21,7 +21,7 @@ class Silence extends Component {
     render() {
         return (
             <svg
-                class='skill-animation'
+                class="skill-animation"
                 version="1.1"
                 id="silence"
                 xmlns="http://www.w3.org/2000/svg"
diff --git a/client/src/components/anims/sleep.jsx b/client/src/components/anims/sleep.jsx
index c76e1e55..307d8476 100644
--- a/client/src/components/anims/sleep.jsx
+++ b/client/src/components/anims/sleep.jsx
@@ -43,7 +43,7 @@ class Sleep extends Component {
 
         return (
             <svg
-                class='skill-animation green'
+                class="skill-animation green"
                 version="1.1"
                 id="sleep"
                 xmlns="http://www.w3.org/2000/svg"
diff --git a/client/src/components/anims/strike.jsx b/client/src/components/anims/strike.jsx
index c5023837..d972c37b 100644
--- a/client/src/components/anims/strike.jsx
+++ b/client/src/components/anims/strike.jsx
@@ -28,7 +28,7 @@ class Strike extends Component {
 
         return (
             <svg
-                class='strike-anim'
+                class="strike-anim"
                 version="1.1"
                 id="strike"
                 xmlns="http://www.w3.org/2000/svg"
diff --git a/client/src/components/anims/stun.jsx b/client/src/components/anims/stun.jsx
index 5f53c5a1..11b911d9 100644
--- a/client/src/components/anims/stun.jsx
+++ b/client/src/components/anims/stun.jsx
@@ -26,7 +26,7 @@ class Stun extends Component {
 
         return (
             <svg
-                class='skill-animation white'
+                class="skill-animation white"
                 version="1.1"
                 id="stun"
                 xmlns="http://www.w3.org/2000/svg"
diff --git a/client/src/components/anims/sustain.jsx b/client/src/components/anims/sustain.jsx
index a206e250..d93febc3 100644
--- a/client/src/components/anims/sustain.jsx
+++ b/client/src/components/anims/sustain.jsx
@@ -21,7 +21,7 @@ class Sustain extends Component {
     render({ team }) {
         return (
             <svg
-                class='skill-animation green'
+                class="skill-animation green"
                 version="1.1"
                 id="sustain"
                 xmlns="http://www.w3.org/2000/svg"
diff --git a/client/src/components/anims/triage.jsx b/client/src/components/anims/triage.jsx
index 73d11d92..7eb7678e 100644
--- a/client/src/components/anims/triage.jsx
+++ b/client/src/components/anims/triage.jsx
@@ -37,8 +37,8 @@ class Triage extends Component {
     render() {
         return (
             <svg
-                class='skill-animation'
-                id='triage'
+                class="skill-animation"
+                id="triage"
                 version="1.1"
                 xmlns="http://www.w3.org/2000/svg"
                 viewBox="0 0 300 400">
diff --git a/client/src/components/anims/triage.tick.jsx b/client/src/components/anims/triage.tick.jsx
index afeb6034..ecda83f1 100644
--- a/client/src/components/anims/triage.tick.jsx
+++ b/client/src/components/anims/triage.tick.jsx
@@ -37,8 +37,8 @@ class TriageTick extends Component {
     render() {
         return (
             <svg
-                class='skill-animation'
-                id='triageTick'
+                class="skill-animation"
+                id="triageTick"
                 version="1.1"
                 xmlns="http://www.w3.org/2000/svg"
                 viewBox="0 0 300 400">