diff --git a/client/cryps.css b/client/cryps.css
index bb929f43..275d7883 100644
--- a/client/cryps.css
+++ b/client/cryps.css
@@ -661,8 +661,17 @@ header {
         flex: 1;
     }
 
+    .info-cryp {
+        text-align: center;
+    }
+
     .cryp-box {
-        margin: 0.5em;
+        margin: 0;
+        border-left-width: 0px;
+    }
+
+    .cryp-box:first-child {
+        border-left-width: 1px;
     }
 
     .spawn-btn button {
diff --git a/client/index.html b/client/index.html
index d396dc79..b89ba345 100644
--- a/client/index.html
+++ b/client/index.html
@@ -8,7 +8,7 @@
     <meta name=apple-mobile-web-app-status-bar-style content=black>
     <meta name="description" content="cryps.gg - mnml pvp atbs">
     <meta name="author" content="ntr@smokestack.io">
-    <link rel="manifest" href="manifest.json">
+    <link rel="manifest" href="./manifest.webmanifest">
     <link rel="stylesheet" href="./node_modules/izitoast/dist/css/iziToast.min.css"></script>
     <link href="https://fonts.googleapis.com/css?family=Jura" rel="stylesheet">
     <link rel="stylesheet" href="assets/normalize.css">
diff --git a/client/manifest.json b/client/manifest.webmanifest
similarity index 100%
rename from client/manifest.json
rename to client/manifest.webmanifest
diff --git a/client/src/components/info.component.jsx b/client/src/components/info.component.jsx
index d2e00332..08f70c78 100644
--- a/client/src/components/info.component.jsx
+++ b/client/src/components/info.component.jsx
@@ -12,7 +12,7 @@ function Info(args) {
         instance,
     } = args;
 
-    function infoVar(info) {
+    function infoVar([type, value]) {
         let red = 0; let blue = 0; let green = 0;
         instance.cryps.forEach(cryp => {
             red += cryp.colours.red;
@@ -20,7 +20,6 @@ function Info(args) {
             green += cryp.colours.green;
         });
         const teamColours = { red, blue, green };
-        const [type, value] = info;
 
         if (type === 'item') {
             let itemDetails;
diff --git a/client/src/components/instance.component.jsx b/client/src/components/instance.component.jsx
index 59c50b39..fbca776e 100644
--- a/client/src/components/instance.component.jsx
+++ b/client/src/components/instance.component.jsx
@@ -26,7 +26,7 @@ function Cryp(props) {
         function skillClick() {
             if (!skill) return false;
             setInfo('skill', { skill, cryp });
-            setActiveCryp(cryp);
+            return setActiveCryp(cryp);
         }
 
         return <button key={i} className="cryp-skill-btn right" onClick={skillClick} >{s}</button>;
diff --git a/server/WORKLOG.md b/server/WORKLOG.md
index 18684573..71b3a841 100644
--- a/server/WORKLOG.md
+++ b/server/WORKLOG.md
@@ -19,6 +19,7 @@
 *CLIENT*
 * general
   * icons change with %
+  * colour vbox icons
 * instance
   * cryp / vbox page separation