diff --git a/client/src/components/anims/silence.jsx b/client/src/components/anims/silence.jsx
index 2d50901c..11f21b99 100644
--- a/client/src/components/anims/silence.jsx
+++ b/client/src/components/anims/silence.jsx
@@ -14,24 +14,23 @@ class Silence extends Component {
     render() {
         return (
             <svg
-                class='skill-animation blue'
+                class='skill-animation'
                 version="1.1"
                 id="silence"
                 xmlns="http://www.w3.org/2000/svg"
-                style={{ transform: 'scale(3)' }}
                 viewBox="0 0 128 128">
-                <defs>
-                    <filter id="silenceFilter">
-                        <feGaussianBlur in="SourceGraphic" stdDeviation="5" />
-                        <feMerge>
-                            <feMergeNode />
-                            <feMergeNode in="SourceGraphic" />
-                        </feMerge>
-                    </filter>
-                </defs>
+                <filter id="silenceFilter">
+                    <feGaussianBlur in="SourceGraphic" stdDeviation="5" />
+                    <feMerge>
+                        <feMergeNode />
+                        <feMergeNode in="SourceGraphic" />
+                    </feMerge>
+                </filter>
                 <g filter="url(#silenceFilter)" stroke-width="4px" >
-                    <path id="sOne" d="M 8 124 L 8 8" />
-                    <path id="sTwo" d="M 124 8 L 124 124" />
+                    <path class="rOne blue" d="M 8 124 L 8 8" />
+                    <path class="rTwo blue" d="M 124 8 L 124 124" />
+                    <path class="rOne white" d="M 8 124 L 8 8" stroke-width="1px" />
+                    <path class="rTwo white" d="M 124 8 L 124 124" stroke-width="1px" />
                 </g>
             </svg>
         );
@@ -49,6 +48,7 @@ class Silence extends Component {
 
         this.animations.push(anime({
             targets: ['#silence'],
+            rotate: [90, 90],
             scale: {
                 value: 1,
                 delay: TIMES.TARGET_DELAY_MS,
@@ -61,18 +61,21 @@ class Silence extends Component {
             easing: 'easeOutSine',
         }));
 
-
         this.animations.push(anime({
-            targets: ['#sOne'],
+            targets: ['.rOne'],
+
             d: 'M 124 8 L 8 124',
+
             delay: TIMES.TARGET_DELAY_MS + TIMES.TARGET_DURATION_MS * 0.4,
             duration: TIMES.TARGET_DURATION_MS * 0.4,
             easing: 'easeOutSine',
         }));
 
         this.animations.push(anime({
-            targets: ['#sTwo'],
+            targets: ['.rTwo'],
+
             d: 'M 124 124 L 8 8',
+
             delay: TIMES.TARGET_DELAY_MS + TIMES.TARGET_DURATION_MS * 0.4,
             duration: TIMES.TARGET_DURATION_MS * 0.4,
             easing: 'easeOutSine',