diff --git a/client/src/components/anims/hybrid.jsx b/client/src/components/anims/hybrid.jsx
index 2787b6a3..5b0bce31 100644
--- a/client/src/components/anims/hybrid.jsx
+++ b/client/src/components/anims/hybrid.jsx
@@ -119,6 +119,7 @@ class Hybrid extends Component {
 
         this.animations.push(anime({
             targets: ['#hybrid circle.bluewhite-one'],
+            fill: [COLOURS.WHITE, COLOURS.BLUE],
             cy: [50, 250, 50, 250],
             delay: TIMES.TARGET_DELAY_MS,
             duration: TIMES.TARGET_DURATION_MS,
@@ -129,6 +130,7 @@ class Hybrid extends Component {
         this.animations.push(anime({
             targets: ['#hybrid circle.bluewhite-two'],
             cx: [250, 50, 250, 50],
+            fill: [COLOURS.WHITE, COLOURS.BLUE],
             delay: TIMES.TARGET_DELAY_MS,
             duration: TIMES.TARGET_DURATION_MS,
             easing: 'easeInOutSine',