diff --git a/client/src/components/anims/restrict.jsx b/client/src/components/anims/restrict.jsx
index 6ec4120e..9c9a6d72 100644
--- a/client/src/components/anims/restrict.jsx
+++ b/client/src/components/anims/restrict.jsx
@@ -25,8 +25,8 @@ class Restrict extends Component {
                     <feDisplacementMap in2="turbulence" in="SourceGraphic" scale="1" xChannelSelector="R" yChannelSelector="G"></feDisplacementMap>
                 </filter>
                 <g filter="url(#restrictFilter)" stroke-width="2px" >
-                    <path id="rOne" d="M 32 96 L 32 32" />
-                    <path id="rTwo" d="M 96 32 L 96 96" />
+                    <path id="rOne" d="M 8 124 L 8 8" />
+                    <path id="rTwo" d="M 124 8 L 124 124" />
                 </g>
             </svg>
         );
@@ -70,7 +70,7 @@ class Restrict extends Component {
         this.animations.push(anime({
             targets: ['#rOne'],
 
-            d: 'M 96 32 L 32 96',
+            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,
@@ -80,7 +80,7 @@ class Restrict extends Component {
         this.animations.push(anime({
             targets: ['#rTwo'],
 
-            d: 'M 96 96 L 32 32',
+            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,
diff --git a/client/src/constants.jsx b/client/src/constants.jsx
index 3e6ff11b..24d24fe3 100644
--- a/client/src/constants.jsx
+++ b/client/src/constants.jsx
@@ -3,7 +3,8 @@ const SOURCE_DURATION_MS = 1000;
 const TARGET_DELAY_MS = 500;
 const TARGET_DURATION_MS = 1500;
 const POST_SKILL_DURATION_MS = 1000;
-const SOURCE_AND_TARGET_TOTAL_DURATION = TARGET_DELAY_MS + TARGET_DURATION_MS;
+// const SOURCE_AND_TARGET_TOTAL_DURATION = TARGET_DELAY_MS + TARGET_DURATION_MS;
+const SOURCE_AND_TARGET_TOTAL_DURATION = 10000000;
 
 module.exports = {
     TIMES: {