diff --git a/client/src/scenes/home.cryps.js b/client/src/scenes/home.cryps.js
index 418e2826..4c691a75 100644
--- a/client/src/scenes/home.cryps.js
+++ b/client/src/scenes/home.cryps.js
@@ -3,6 +3,7 @@ const { remove } = require('lodash');
 
 const { TEXT, COLOURS, POSITIONS: { CRYP_LIST } } = require('./constants');
 const genAvatar = require('./avatar');
+const { LineGroup, LineBox } = require('./elements/outline.rotate');
 
 const ROW_HEIGHT = CRYP_LIST.height() * 0.2;
 const ROW_WIDTH = CRYP_LIST.width();
@@ -35,7 +36,7 @@ class HomeCrypList extends Phaser.Scene {
         this.registry.events.on('changedata', this.updateData, this);
         this.registry.events.on('setdata', this.updateData, this);
         const cryps = this.registry.get('crypList');
-
+        const lineGroup = this.add.existing(new LineGroup(this));
 
         if (!cryps) return true;
         const ws = this.registry.get('ws');
@@ -58,12 +59,16 @@ class HomeCrypList extends Phaser.Scene {
                 .setOrigin(0);
             crypInteract.setAlpha(0.2);
             crypInteract.on('pointerdown', () => {
+                lineGroup.clear(true, true);
                 if (this.activeCryps.includes(crypInteract)) {
                     remove(this.activeCryps, n => n === crypInteract);
                     crypInteract.setAlpha(0.2);
                 } else {
                     this.activeCryps.push(crypInteract);
-                    crypInteract.setAlpha(1);
+                    crypInteract.setAlpha(0.75);
+                    lineGroup.add(this.add.existing(
+                        new LineBox(this, crypInteract.x, crypInteract.y, crypInteract.width, crypInteract.height, crypInteract.fillColor, 3)
+                    ));
                 }
             });
 
diff --git a/client/src/scenes/home.js b/client/src/scenes/home.js
index dab7c2e5..ae96e772 100644
--- a/client/src/scenes/home.js
+++ b/client/src/scenes/home.js
@@ -1,6 +1,5 @@
 const Phaser = require('phaser');
 
-const { LineGroup, LineBox } = require('./elements/outline.rotate');
 
 const HomeCryps = require('./home.cryps');
 const HomeNavigation = require('./home.navigation');
@@ -35,8 +34,6 @@ class Home extends Phaser.Scene {
         this.scene.manager.add('HomeCryps', HomeCryps, true);
         this.scene.manager.add('HomeNavigation', HomeNavigation, true);
 
-        const lineGroup = this.add.existing(new LineGroup(this));
-        lineGroup.add(this.add.existing(new LineBox(this, 50, 250, 200, 400, 4)));
 
         return true;
     }