diff --git a/README.md b/README.md
index 6a3ddd88..a1c45150 100644
--- a/README.md
+++ b/README.md
@@ -10,7 +10,6 @@ Taxonium is a tool for exploring trees.
 
 ## How do I..
 
-
 ### visualise my own Newick phylogeny?
 
 Upload a Newick file to [Taxonium.org](http://taxonium.org), and optionally a metadata file in CSV or TSV format. If using a metadata file the leftmost column must contain names of the nodes as in the tree.
@@ -42,5 +41,3 @@ Taxonium now consists of a number of components:
 - [Exploring the NCBI Taxonomy](https://taxonium.org/?treeUrl=https%3A%2F%2Fcov2tree.nyc3.digitaloceanspaces.com%2Fncbi%2Ftree.nwk.gz&ladderizeTree=true&metaUrl=https%3A%2F%2Fcov2tree.nyc3.digitaloceanspaces.com%2Fncbi%2Fmetadata.tsv.gz&configUrl=https%3A%2F%2Fcov2tree.nyc3.digitaloceanspaces.com%2Fncbi%2Fconfig.json)
 - [Serratus](https://serratus.io/trees) (click Tree Viewer on any tree)
 - [mpxTree](http://mpxtree.taxonium.org/)
-
-
diff --git a/taxonium_web_client/src/components/SearchPanel.jsx b/taxonium_web_client/src/components/SearchPanel.jsx
index d807c807..343e228b 100644
--- a/taxonium_web_client/src/components/SearchPanel.jsx
+++ b/taxonium_web_client/src/components/SearchPanel.jsx
@@ -300,11 +300,9 @@ function SearchPanel({
               selectedDetails.nodeDetails.node_id !==
                 selectedDetails.nodeDetails.parent_id && (
                 <>
-                
-                
-                  <div
-                className="text-xs font-bold mt-4 mb-0 text-gray-700 justify-between flex">
-                    <div className="pt-1">Mutations at this node:</div> {settings.miniMutationsMenu()}
+                  <div className="text-xs font-bold mt-4 mb-0 text-gray-700 justify-between flex">
+                    <div className="pt-1">Mutations at this node:</div>{" "}
+                    {settings.miniMutationsMenu()}
                   </div>
                   <div className="text-xs mt-1 text-gray-700 mr-1">
                     {settings
diff --git a/taxonium_web_client/src/hooks/useLayers.js b/taxonium_web_client/src/hooks/useLayers.js
index 0932b790..070fb30a 100644
--- a/taxonium_web_client/src/hooks/useLayers.js
+++ b/taxonium_web_client/src/hooks/useLayers.js
@@ -310,7 +310,8 @@ const useLayers = ({
 
       getColor: [180, 180, 180],
       getAngle: 0,
-
+      onHover: (info) => setHoverInfo(info),
+      pickable: true,
       billboard: true,
       getTextAnchor: "start",
       getAlignmentBaseline: "center",
diff --git a/taxonium_web_client/src/hooks/useSettings.js b/taxonium_web_client/src/hooks/useSettings.js
index d1a3c867..011f9347 100644
--- a/taxonium_web_client/src/hooks/useSettings.js
+++ b/taxonium_web_client/src/hooks/useSettings.js
@@ -1,5 +1,5 @@
 import { useState, useMemo, useCallback } from "react";
-import {AiFillEye} from 'react-icons/ai';
+import { AiFillEye } from "react-icons/ai";
 export const useSettings = ({ query, updateQuery }) => {
   const [minimapEnabled, setMinimapEnabled] = useState(true);
   const [displayTextForInternalNodes, setDisplayTextForInternalNodes] =
@@ -39,7 +39,8 @@ export const useSettings = ({ query, updateQuery }) => {
 
   const miniMutationsMenu = () => {
     return (
-      <div className="block font-normal pt-1 mr-3"><AiFillEye className="mr-1 text-gray-400 inline-block w-5 h-4 mb-1" />
+      <div className="block font-normal pt-1 mr-3">
+        <AiFillEye className="mr-1 text-gray-400 inline-block w-5 h-4 mb-1" />
         {Object.keys(mutationTypesEnabled).map((key) => (
           <div key={key} className="inline-block mr-3  -mb-1 -pb-1">
             <label key={key}>