diff --git a/client/assets/styles/styles.css b/client/assets/styles/styles.css
index dce5f627..4c3ac69c 100644
--- a/client/assets/styles/styles.css
+++ b/client/assets/styles/styles.css
@@ -252,6 +252,10 @@ button[disabled] {
     stroke: #a52a2a;
 }
 
+.red-fill {
+    fill: #a52a2a;
+}
+
 .blue {
     color: #3498db;
     stroke: #3498db;
diff --git a/client/src/components/animations.jsx b/client/src/components/animations.jsx
index 58e6e758..dcec77d2 100644
--- a/client/src/components/animations.jsx
+++ b/client/src/components/animations.jsx
@@ -6,6 +6,7 @@ const AttackCharge = require('./anims/attack.charge');
 const Amplify = require('./anims/amplify');
 const Blast = require('./anims/blast');
 const banish = require('./anims/banish');
+const Bash = require('./anims/bash');
 const Block = require('./anims/block');
 const Buff = require('./anims/buff');
 const Debuff = require('./anims/debuff');
@@ -45,6 +46,8 @@ function animations(props) {
     if (!event.skill) return false;
     if (!resolution.target) return false;
 
+    console.log(resolution);
+
     // source animation
     if (resolution.source.id === construct.id) {
         const playerTeam = game.players.find(t => t.id === account.id);
@@ -90,10 +93,13 @@ function animations(props) {
         console.log(text);
         if (!text) return false;
         const skill = removeTier(text);
+
+        if (skill === 'Bash' && type === 'Damage') return false;
         switch (skill) {
             case 'Attack': return <Strike id={construct.id} stage={stage} team={player} colour={colours.white}/>;
             case 'Amplify': return <Amplify/>;
             case 'Banish': return banish(construct.id);
+            case 'Bash': return <Bash />;
             case 'Block': return <Block />;
             case 'Buff': return <Buff />;
             case 'Blast': return <Blast id={construct.id} stage={stage} team={player}/>;
diff --git a/client/src/components/anims/debuff.jsx b/client/src/components/anims/debuff.jsx
index a1e32ba6..6fa300e7 100644
--- a/client/src/components/anims/debuff.jsx
+++ b/client/src/components/anims/debuff.jsx
@@ -72,7 +72,6 @@ class Debuff extends Component {
             delay: TIMES.TARGET_DELAY_MS,
             duration: TIMES.TARGET_DURATION_MS,
         }));
-
     }
 
     // this is necessary because
diff --git a/client/src/components/anims/hex.jsx b/client/src/components/anims/hex.jsx
index c2404b17..aa206172 100644
--- a/client/src/components/anims/hex.jsx
+++ b/client/src/components/anims/hex.jsx
@@ -23,7 +23,10 @@ class Hex extends Component {
                 xmlns="http://www.w3.org/2000/svg"
                 viewBox="0 0 128 128">
                 <filter id='hexFilter'>
-                    <feTurbulence type="turbulence" baseFrequency="0.05" numOctaves="2" result="turbulence" style="transform: scale(1);"></feTurbulence>
+                    <feTurbulence type="turbulence"
+                        baseFrequency="0.10"
+                        numOctaves="10" result="turbulence">
+                    </feTurbulence>
                     <feDisplacementMap in2="turbulence" in="SourceGraphic" scale="15" xChannelSelector="R" yChannelSelector="G"></feDisplacementMap>
                 </filter>
                 <polygon
diff --git a/client/src/constants.jsx b/client/src/constants.jsx
index fb348f62..acce8288 100644
--- a/client/src/constants.jsx
+++ b/client/src/constants.jsx
@@ -1,6 +1,7 @@
 module.exports = {
     TIMES: {
         RESOLUTION_TOTAL_MS: 2000,
+        // RESOLUTION_TOTAL_MS: 20000,
 
         SOURCE_DURATION_MS: 1000,
         TARGET_DELAY_MS: 500,