diff --git a/cli/build.js b/cli/build.js
index 33a930b45..1d5c58df3 100644
--- a/cli/build.js
+++ b/cli/build.js
@@ -41,13 +41,13 @@ const run = (args) => {
       console.log(stats.toString({colors: true}));
     } else {
       if (stats.hasWarnings()) {
-	utils.warn("Webpack has warnings (run with '--verbose' to see them)");
+        utils.warn("Webpack has warnings (run with '--verbose' to see them)");
       }
       if (global.AUSPICE_VERBOSE) {
-	console.log(stats.toString({colors: true}));
+        console.log(stats.toString({colors: true}));
       }
       if (customOutputPath) {
-	utils.exportIndexDotHtml({relative: args.serverless});
+        utils.exportIndexDotHtml({relative: args.serverless});
       }
     }
   });
diff --git a/cli/server/parseNarrative.js b/cli/server/parseNarrative.js
index 0745bf0ef..7e749152a 100644
--- a/cli/server/parseNarrative.js
+++ b/cli/server/parseNarrative.js
@@ -29,13 +29,13 @@ const makeFrontMatterBlock = (frontMatter) => {
       utils.warn(`Narrative parsing -- can't do author arrays yet`);
     } else if (typeof frontMatter.authors === 'string') {
       if (frontMatter.authorLinks && typeof frontMatter.authorLinks === "string") {
-	markdown.push(`### Author: [${frontMatter.authors}](${frontMatter.authorLinks})`);
+        markdown.push(`### Author: [${frontMatter.authors}](${frontMatter.authorLinks})`);
       } else {
-	markdown.push(`### Author: ${frontMatter.authors}`);
+        markdown.push(`### Author: ${frontMatter.authors}`);
       }
       if (frontMatter.affiliations && typeof frontMatter.affiliations === "string") {
-	markdown[markdown.length-1] += " <sup> 1 </sup>";
-	markdown.push(`<sup> 1 </sup> ${frontMatter.affiliations}`);
+        markdown[markdown.length-1] += " <sup> 1 </sup>";
+        markdown.push(`<sup> 1 </sup> ${frontMatter.affiliations}`);
       }
     }
   }
diff --git a/docs-src/website/sidebars.json b/docs-src/website/sidebars.json
index e7cb1403f..55b9b374d 100644
--- a/docs-src/website/sidebars.json
+++ b/docs-src/website/sidebars.json
@@ -8,20 +8,20 @@
     "Customisations": [
       "customisations/introduction",
       {
-	"type": "subcategory",
-	"label": "Customising the Client",
-	"ids": [
-	  "customisations/client/componentInterfaces",
-	  "customisations/client/sidebarTheme"
-	]
+        "type": "subcategory",
+        "label": "Customising the Client",
+        "ids": [
+          "customisations/client/componentInterfaces",
+          "customisations/client/sidebarTheme"
+        ]
       },
       {
-	"type": "subcategory",
-	"label": "Customising the Server",
-	"ids": [
-	  "customisations/server/charonAPI",
-	  "customisations/server/serverless"
-	]
+        "type": "subcategory",
+        "label": "Customising the Server",
+        "ids": [
+          "customisations/server/charonAPI",
+          "customisations/server/serverless"
+        ]
       },
       "customisations/authentication"
     ],
diff --git a/src/components/controls/choose-branch-labelling.js b/src/components/controls/choose-branch-labelling.js
index 2ede36649..f0ed72aeb 100644
--- a/src/components/controls/choose-branch-labelling.js
+++ b/src/components/controls/choose-branch-labelling.js
@@ -17,19 +17,19 @@ class ChooseBranchLabelling extends React.Component {
   render() {
     return (
       <div style={{paddingTop: 5}}>
-	<SidebarSubtitle>
-	  Branch Labels
-	</SidebarSubtitle>
-	<div style={{width: controlsWidth, fontSize: 14}}>
-	  <Select
-	    value={this.props.selected}
-	    options={this.props.available.map((x) => ({value: x, label: x}))}
-	    clearable={false}
-	    searchable={false}
-	    multi={false}
-	    onChange={this.change}
-	  />
-	</div>
+        <SidebarSubtitle>
+          Branch Labels
+        </SidebarSubtitle>
+        <div style={{width: controlsWidth, fontSize: 14}}>
+          <Select
+            value={this.props.selected}
+            options={this.props.available.map((x) => ({value: x, label: x}))}
+            clearable={false}
+            searchable={false}
+            multi={false}
+            onChange={this.change}
+          />
+        </div>
       </div>
     );
   }
diff --git a/src/components/controls/choose-dataset-select.js b/src/components/controls/choose-dataset-select.js
index 33b849def..73f274530 100644
--- a/src/components/controls/choose-dataset-select.js
+++ b/src/components/controls/choose-dataset-select.js
@@ -39,7 +39,7 @@ class ChooseDatasetSelect extends React.Component {
           clearable={false}
           searchable={false}
           multi={false}
-	  onChange={(opt) => {this.changeDataset(this.createDataPath(opt.value));}}
+          onChange={(opt) => {this.changeDataset(this.createDataPath(opt.value));}}
         />
       </div>
     );
diff --git a/src/components/controls/choose-dataset.js b/src/components/controls/choose-dataset.js
index 296b3e5f4..8added3ed 100644
--- a/src/components/controls/choose-dataset.js
+++ b/src/components/controls/choose-dataset.js
@@ -52,9 +52,9 @@ class ChooseDataset extends React.Component {
     if (!this.props.available || !this.props.available.datasets) {
       /* TODO expose this to the extension API */
       if (this.props.source === "github") {
-	return (<GithubInfo/>);
+        return (<GithubInfo/>);
       } else if (this.props.source === "dropped") {
-	return (<DroppedFiles/>);
+        return (<DroppedFiles/>);
       }
       return (<BareDataPath source={this.props.source} pathname={this.props.pathname}/>);
     }
@@ -65,7 +65,7 @@ class ChooseDataset extends React.Component {
       .split("/");
     displayedDataset.forEach((part, idx) => {
       if (part.includes(":")) {
-	displayedDataset[idx] = part.split(":")[0];
+        displayedDataset[idx] = part.split(":")[0];
       }
     });
 
@@ -74,7 +74,7 @@ class ChooseDataset extends React.Component {
     this.props.available.datasets.forEach((d) => {
       const firstField = d.request.split("/")[0];
       if (!options[0].includes(firstField)) {
-	options[0].push(firstField);
+        options[0].push(firstField);
       }
     });
 
@@ -83,12 +83,12 @@ class ChooseDataset extends React.Component {
       in order to create available alternatives for each field */
       options[idx] = [];
       this.props.available.datasets.forEach((singleAvailableOption) => {
-	/* if the parents (and their parents etc) of this choice match,
-	then we add that as a valid option */
-	const fields = singleAvailableOption.request.split("/");
-	if (checkEqualityOfArrays(fields, displayedDataset, idx) && options[idx].indexOf(fields[idx]) === -1) {
-	  options[idx].push(fields[idx]);
-	}
+        /* if the parents (and their parents etc) of this choice match,
+        then we add that as a valid option */
+        const fields = singleAvailableOption.request.split("/");
+        if (checkEqualityOfArrays(fields, displayedDataset, idx) && options[idx].indexOf(fields[idx]) === -1) {
+          options[idx].push(fields[idx]);
+        }
       });
     }
 
@@ -99,8 +99,8 @@ class ChooseDataset extends React.Component {
           <ChooseDatasetSelect
             dispatch={this.props.dispatch}
             source={this.props.source}
-	    choice_tree={displayedDataset.slice(0, i)}
-	    selected={displayedDataset[i]}
+            choice_tree={displayedDataset.slice(0, i)}
+            selected={displayedDataset[i]}
             options={options[i]}
           />
         </div>
diff --git a/src/components/controls/choose-second-tree.js b/src/components/controls/choose-second-tree.js
index d9e250863..a24c85868 100644
--- a/src/components/controls/choose-second-tree.js
+++ b/src/components/controls/choose-second-tree.js
@@ -25,7 +25,7 @@ class ChooseSecondTree extends React.Component {
       .split("/");
     displayedDataset.forEach((part, idx) => {
       if (part.includes(":")) {
-	displayedDataset[idx] = part.split(":")[0];
+        displayedDataset[idx] = part.split(":")[0];
       }
     });
     const idxOfTree = displayedDataset.indexOf(this.props.treeName);
@@ -33,17 +33,17 @@ class ChooseSecondTree extends React.Component {
     const matches = this.props.available.datasets
       .map((datasetObj) => datasetObj.request.split("/"))
       .filter((dataset) => {
-	if (dataset.length !== displayedDataset.length) return false;
-	for (let i=0; i<dataset.length; i++) {
-	  if (i===idxOfTree) {
-	    if (dataset[i] === displayedDataset[i]) {
-	      return false; // don't match the same tree name
-	    }
-	  } else if (dataset[i] !== displayedDataset[i]) {
-	    return false; // everything apart from the tree much match
+        if (dataset.length !== displayedDataset.length) return false;
+        for (let i=0; i<dataset.length; i++) {
+          if (i===idxOfTree) {
+            if (dataset[i] === displayedDataset[i]) {
+              return false; // don't match the same tree name
+            }
+          } else if (dataset[i] !== displayedDataset[i]) {
+            return false; // everything apart from the tree much match
           }
         }
-	return true;
+        return true;
       });
 
     const options = matches.map((m) => m[idxOfTree]);
@@ -51,11 +51,11 @@ class ChooseSecondTree extends React.Component {
 
     return (
       <div>
-	<SidebarSubtitle spaceAbove>
-	  Second Tree
-	</SidebarSubtitle>
-	<div key={"treetooselect"} style={{width: controlsWidth, fontSize: 14}}>
-	  <Select
+        <SidebarSubtitle spaceAbove>
+          Second Tree
+        </SidebarSubtitle>
+        <div key={"treetooselect"} style={{width: controlsWidth, fontSize: 14}}>
+          <Select
             name="selectTreeToo"
             id="selectTreeToo"
             value={this.props.showTreeToo}
@@ -67,7 +67,7 @@ class ChooseSecondTree extends React.Component {
               if (opt.value === "REMOVE") {
                 this.props.dispatch({type: REMOVE_TREE_TOO});
               } else {
-		const dataPath = [...displayedDataset];
+                const dataPath = [...displayedDataset];
                 dataPath.splice(idxOfTree, 1, opt.value);
                 this.props.dispatch(loadTreeToo(opt.value, dataPath));
               }
diff --git a/src/components/controls/map-animation.js b/src/components/controls/map-animation.js
index 1c6a36428..dbd38e1e2 100644
--- a/src/components/controls/map-animation.js
+++ b/src/components/controls/map-animation.js
@@ -47,49 +47,49 @@ class MapAnimationControls extends React.Component {
     return (
       <div id="mapAnimationControls">
 
-	<SidebarSubtitle spaceAbove>
-	  Animation Speed
-	</SidebarSubtitle>
+        <SidebarSubtitle spaceAbove>
+          Animation Speed
+        </SidebarSubtitle>
 
-	<SidebarButton
-	  selected={this.props.mapAnimationDurationInMilliseconds === 60000}
-	  onClick={this.handleChangeAnimationTimeClicked("slow")}
-	>
-	  Slow
-	</SidebarButton>
-	<SidebarButton
-	  selected={this.props.mapAnimationDurationInMilliseconds === 30000}
-	  onClick={this.handleChangeAnimationTimeClicked("medium")}
-	>
-	  Medium
-	</SidebarButton>
-	<SidebarButton
-	  selected={this.props.mapAnimationDurationInMilliseconds === 15000}
-	  onClick={this.handleChangeAnimationTimeClicked("fast")}
-	>
-	  Fast
-	</SidebarButton>
+        <SidebarButton
+          selected={this.props.mapAnimationDurationInMilliseconds === 60000}
+          onClick={this.handleChangeAnimationTimeClicked("slow")}
+        >
+          Slow
+        </SidebarButton>
+        <SidebarButton
+          selected={this.props.mapAnimationDurationInMilliseconds === 30000}
+          onClick={this.handleChangeAnimationTimeClicked("medium")}
+        >
+          Medium
+        </SidebarButton>
+        <SidebarButton
+          selected={this.props.mapAnimationDurationInMilliseconds === 15000}
+          onClick={this.handleChangeAnimationTimeClicked("fast")}
+        >
+          Fast
+        </SidebarButton>
 
-	<div style={{marginBottom: 5}}/>
+        <div style={{marginBottom: 5}}/>
 
-	<Toggle
-	  display
-	  on={this.props.mapAnimationShouldLoop}
-	  callback={() => {
-	    this.props.dispatch({ type: CHANGE_ANIMATION_LOOP, data: !this.props.mapAnimationShouldLoop });
-	  }}
-	  label="Loop animation"
-	/>
-	<br/>
-	<Toggle
-	  display
-	  on={this.props.mapAnimationCumulative}
-	  callback={() => {
-	    analyticsControlsEvent("change-animation-cumulative");
-	    this.props.dispatch({ type: CHANGE_ANIMATION_CUMULATIVE, data: !this.props.mapAnimationCumulative });
-	  }}
-	  label="Animate cumulative history"
-	/>
+        <Toggle
+          display
+          on={this.props.mapAnimationShouldLoop}
+          callback={() => {
+            this.props.dispatch({ type: CHANGE_ANIMATION_LOOP, data: !this.props.mapAnimationShouldLoop });
+          }}
+          label="Loop animation"
+        />
+        <br/>
+        <Toggle
+          display
+          on={this.props.mapAnimationCumulative}
+          callback={() => {
+            analyticsControlsEvent("change-animation-cumulative");
+            this.props.dispatch({ type: CHANGE_ANIMATION_CUMULATIVE, data: !this.props.mapAnimationCumulative });
+          }}
+          label="Animate cumulative history"
+        />
 
       </div>
     );
diff --git a/src/components/controls/search.js b/src/components/controls/search.js
index e967a6ae5..9fc36a0de 100644
--- a/src/components/controls/search.js
+++ b/src/components/controls/search.js
@@ -112,10 +112,10 @@ class SearchStrains extends React.Component {
   render() {
     return (
       <Container>
-	<SidebarSubtitle spaceAbove>Search Strains</SidebarSubtitle>
-	<InputContainer>
-	  <Input ref={(r) => {this.ref = r;}} onFocus={() => this.updateVisibleStrains()}/>
-	</InputContainer>
+        <SidebarSubtitle spaceAbove>Search Strains</SidebarSubtitle>
+        <InputContainer>
+          <Input ref={(r) => {this.ref = r;}} onFocus={() => this.updateVisibleStrains()}/>
+        </InputContainer>
         <Cross show={this.state.show} onClick={this.removeSelection}/>
       </Container>
     );
diff --git a/src/components/main/index.js b/src/components/main/index.js
index ac041fd9e..a4596613e 100644
--- a/src/components/main/index.js
+++ b/src/components/main/index.js
@@ -65,37 +65,37 @@ class Main extends React.Component {
     const {big, chart} = calcPanelDims(this.props.panelLayout === "grid", this.props.panelsToDisplay, this.props.displayNarrative, availableWidth, availableHeight);
     return (
       <span>
-	<AnimationController/>
-	<DownloadModal/>
-	<SidebarToggle
-	  sidebarOpen={this.state.sidebarOpen}
-	  mobileDisplay={this.state.mobileDisplay}
-	  handler={() => {this.setState({sidebarOpen: !this.state.sidebarOpen});}}
-	/>
-	<Sidebar
-	  sidebarOpen={this.state.sidebarOpen}
-	  width={sidebarWidth}
-	  height={availableHeight}
-	  displayNarrative={this.props.displayNarrative}
-	  panelsToDisplay={this.props.panelsToDisplay}
-	  narrativeTitle={this.props.narrativeTitle}
-	  mobileDisplay={this.state.mobileDisplay}
-	  navBarHandler={() => {this.setState({sidebarOpen: !this.state.sidebarOpen});}}
-	/>
-	<PanelsContainer width={availableWidth} height={availableHeight} left={this.state.sidebarOpen ? sidebarWidth : 0}>
-	  {this.props.narrativeIsLoaded ? renderNarrativeToggle(this.props.dispatch, this.props.displayNarrative) : null}
-	  {this.props.displayNarrative ? null : <Info width={calcUsableWidth(availableWidth, 1)} />}
-	  {this.props.panelsToDisplay.includes("tree") ? <Tree width={big.width} height={big.height} /> : null}
-	  {this.props.panelsToDisplay.includes("map") ? <Map width={big.width} height={big.height} justGotNewDatasetRenderNewMap={false} /> : null}
-	  {this.props.panelsToDisplay.includes("entropy") ? <Entropy width={chart.width} height={chart.height} /> : null}
-	  {this.props.panelsToDisplay.includes("frequencies") && this.props.frequenciesLoaded ? <Frequencies width={chart.width} height={chart.height} /> : null}
-	  {this.props.displayNarrative ? null : <Footer width={calcUsableWidth(availableWidth, 1)} />}
-	</PanelsContainer>
-	{/* overlay (used for mobile to open / close sidebar) */}
-	{this.state.mobileDisplay ?
-	  <div style={overlayStyles} onClick={overlayHandler} onTouchStart={overlayHandler}/> :
-	  null
-	}
+        <AnimationController/>
+        <DownloadModal/>
+        <SidebarToggle
+          sidebarOpen={this.state.sidebarOpen}
+          mobileDisplay={this.state.mobileDisplay}
+          handler={() => {this.setState({sidebarOpen: !this.state.sidebarOpen});}}
+        />
+        <Sidebar
+          sidebarOpen={this.state.sidebarOpen}
+          width={sidebarWidth}
+          height={availableHeight}
+          displayNarrative={this.props.displayNarrative}
+          panelsToDisplay={this.props.panelsToDisplay}
+          narrativeTitle={this.props.narrativeTitle}
+          mobileDisplay={this.state.mobileDisplay}
+          navBarHandler={() => {this.setState({sidebarOpen: !this.state.sidebarOpen});}}
+        />
+        <PanelsContainer width={availableWidth} height={availableHeight} left={this.state.sidebarOpen ? sidebarWidth : 0}>
+          {this.props.narrativeIsLoaded ? renderNarrativeToggle(this.props.dispatch, this.props.displayNarrative) : null}
+          {this.props.displayNarrative ? null : <Info width={calcUsableWidth(availableWidth, 1)} />}
+          {this.props.panelsToDisplay.includes("tree") ? <Tree width={big.width} height={big.height} /> : null}
+          {this.props.panelsToDisplay.includes("map") ? <Map width={big.width} height={big.height} justGotNewDatasetRenderNewMap={false} /> : null}
+          {this.props.panelsToDisplay.includes("entropy") ? <Entropy width={chart.width} height={chart.height} /> : null}
+          {this.props.panelsToDisplay.includes("frequencies") && this.props.frequenciesLoaded ? <Frequencies width={chart.width} height={chart.height} /> : null}
+          {this.props.displayNarrative ? null : <Footer width={calcUsableWidth(availableWidth, 1)} />}
+        </PanelsContainer>
+        {/* overlay (used for mobile to open / close sidebar) */}
+        {this.state.mobileDisplay ?
+          <div style={overlayStyles} onClick={overlayHandler} onTouchStart={overlayHandler}/> :
+          null
+        }
       </span>
     );
   }
diff --git a/src/components/main/sidebar.js b/src/components/main/sidebar.js
index 36c6485ae..58f9046fa 100644
--- a/src/components/main/sidebar.js
+++ b/src/components/main/sidebar.js
@@ -13,22 +13,22 @@ export const Sidebar = (
   return (
     <ThemeProvider theme={sidebarTheme}>
       <SidebarContainer left={sidebarOpen ? 0 : -1 * width} width={width} height={height}>
-	<NavBar
-	  sidebar
-	  mobileDisplay={mobileDisplay}
-	  toggleHandler={navBarHandler}
-	  narrativeTitle={displayNarrative ? narrativeTitle : false}
-	  width={width}
-	/>
-	{displayNarrative ?
-	  <Narrative
-	    height={height - narrativeNavBarHeight}
-	    width={width}
-	  /> :
-	  <Controls
-	    mapOn={panelsToDisplay.includes("map")}
-	  />
-	}
+        <NavBar
+          sidebar
+          mobileDisplay={mobileDisplay}
+          toggleHandler={navBarHandler}
+          narrativeTitle={displayNarrative ? narrativeTitle : false}
+          width={width}
+        />
+        {displayNarrative ?
+          <Narrative
+            height={height - narrativeNavBarHeight}
+            width={width}
+          /> :
+          <Controls
+            mapOn={panelsToDisplay.includes("map")}
+          />
+        }
       </SidebarContainer>
     </ThemeProvider>
   );
diff --git a/src/components/navBar/index.js b/src/components/navBar/index.js
index ed3cc7dd8..b63513b68 100644
--- a/src/components/navBar/index.js
+++ b/src/components/navBar/index.js
@@ -31,8 +31,8 @@ const NavBar = ({sidebar, mobileDisplay, toggleHandler, narrativeTitle, width})
   return (
     <NavBarContainer>
       <Content
-	narrativeTitle={narrativeTitle}
-	sidebar={sidebar}
+        narrativeTitle={narrativeTitle}
+        sidebar={sidebar}
       />
       <SidebarChevron navHeight={normalNavBarHeight} navWidth={width} display={showSidebarToggle} onClick={toggleHandler}/>
     </NavBarContainer>
diff --git a/src/css/awesomplete.css b/src/css/awesomplete.css
index 211e9690d..369581a30 100644
--- a/src/css/awesomplete.css
+++ b/src/css/awesomplete.css
@@ -36,67 +36,67 @@
 
 .awesomplete > ul {
   width: 80%;
-	border-radius: .3em;
-	margin: .2em 0 0;
-	background: hsla(0,0%,100%,.9);
-	background: linear-gradient(to bottom right, white, hsla(0,0%,100%,.8));
-	border: 1px solid rgba(0,0,0,.3);
-	box-shadow: .05em .2em .6em rgba(0,0,0,.2);
-	text-shadow: none;
+  border-radius: .3em;
+  margin: .2em 0 0;
+  background: hsla(0,0%,100%,.9);
+  background: linear-gradient(to bottom right, white, hsla(0,0%,100%,.8));
+  border: 1px solid rgba(0,0,0,.3);
+  box-shadow: .05em .2em .6em rgba(0,0,0,.2);
+  text-shadow: none;
 }
 
 @supports (transform: scale(0)) {
-	.awesomplete > ul {
-		transition: .3s cubic-bezier(.4,.2,.5,1.4);
-		transform-origin: 1.43em -.43em;
-	}
+  .awesomplete > ul {
+    transition: .3s cubic-bezier(.4,.2,.5,1.4);
+    transform-origin: 1.43em -.43em;
+  }
 
-	.awesomplete > ul[hidden],
-	.awesomplete > ul:empty {
-		opacity: 0;
-		transform: scale(0);
-		display: block;
-		transition-timing-function: ease;
-	}
+  .awesomplete > ul[hidden],
+  .awesomplete > ul:empty {
+    opacity: 0;
+    transform: scale(0);
+    display: block;
+    transition-timing-function: ease;
+  }
 }
 
-	/* Pointer */
-	.awesomplete > ul:before {
-		content: "";
-		position: absolute;
-		top: -.43em;
-		left: 1em;
-		width: 0; height: 0;
-		padding: .4em;
-		background: white;
-		border: inherit;
-		border-right: 0;
-		border-bottom: 0;
-		-webkit-transform: rotate(45deg);
-		transform: rotate(45deg);
-	}
+  /* Pointer */
+  .awesomplete > ul:before {
+    content: "";
+    position: absolute;
+    top: -.43em;
+    left: 1em;
+    width: 0; height: 0;
+    padding: .4em;
+    background: white;
+    border: inherit;
+    border-right: 0;
+    border-bottom: 0;
+    -webkit-transform: rotate(45deg);
+    transform: rotate(45deg);
+  }
 
-	.awesomplete > ul > li {
-		position: relative;
-		padding: .2em .5em;
-		cursor: pointer;
-	}
+  .awesomplete > ul > li {
+    position: relative;
+    padding: .2em .5em;
+    cursor: pointer;
+  }
 
-	.awesomplete > ul > li:hover {
-		background: hsl(200, 40%, 80%);
-		color: black;
-	}
+  .awesomplete > ul > li:hover {
+    background: hsl(200, 40%, 80%);
+    color: black;
+  }
 
-	.awesomplete > ul > li[aria-selected="true"] {
-		background: hsl(205, 40%, 40%);
-		color: white;
-	}
+  .awesomplete > ul > li[aria-selected="true"] {
+    background: hsl(205, 40%, 40%);
+    color: white;
+  }
 
-	.awesomplete mark {
-		color: rgb(80, 151, 186);
+  .awesomplete mark {
+    color: rgb(80, 151, 186);
     background: white;
-	}
+  }
 
-	.awesomplete li:hover mark {
-		background: hsl(200, 40%, 80%);
-	}
+  .awesomplete li:hover mark {
+    background: hsl(200, 40%, 80%);
+  }
diff --git a/src/css/static.css b/src/css/static.css
index 440649aff..f55fed906 100644
--- a/src/css/static.css
+++ b/src/css/static.css
@@ -91,31 +91,31 @@ the content, the padding and border, but not the margin.
 }
 
 .static .hugespacer {
-	height: 50px;
+  height: 50px;
 }
 
 .static .bigspacer {
-	height: 30px;
+  height: 30px;
 }
 
 .static .spacer {
-	height: 10px;
+  height: 10px;
 }
 
 .static .smallspacer {
-	height: 5px;
+  height: 5px;
 }
 
 .static .highlight {
-	background-color: white;
-	color: var(--medGrey);
-	font-size: 94%; /* same as <a>*/
+  background-color: white;
+  color: var(--medGrey);
+  font-size: 94%; /* same as <a>*/
 }
 
 strong {
-	background-color: white;
-	color: var(--medGrey);
-	font-size: 94%; /* same as <a>*/
+  background-color: white;
+  color: var(--medGrey);
+  font-size: 94%; /* same as <a>*/
 }
 
 .static.container {
diff --git a/src/middleware/changeURL.js b/src/middleware/changeURL.js
index ec0ef1a5d..333b87b0f 100644
--- a/src/middleware/changeURL.js
+++ b/src/middleware/changeURL.js
@@ -136,7 +136,7 @@ export const changeURLMiddleware = (store) => (next) => (action) => {
     case types.PAGE_CHANGE:
       /* desired behaviour depends on the displayComponent selected... */
       if (action.displayComponent === "main" || action.displayComponent === "datasetLoader") {
-	pathname = action.path || pathname;
+        pathname = action.path || pathname;
       } else if (action.displayComponent === "splash") {
         pathname = action.path;
       } else if (pathname.startsWith(`/${action.displayComponent}`)) {
diff --git a/src/util/polyfills.js b/src/util/polyfills.js
index bdbccedbc..c7db5be48 100644
--- a/src/util/polyfills.js
+++ b/src/util/polyfills.js
@@ -10,7 +10,7 @@ require('es6-object-assign/auto');
 
 // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/startsWith#Polyfill
 if (!String.prototype.startsWith) {
-	String.prototype.startsWith = function(search, pos) {
-		return this.substr(!pos || pos < 0 ? 0 : +pos, search.length) === search;
-	};
+  String.prototype.startsWith = function(search, pos) {
+    return this.substr(!pos || pos < 0 ? 0 : +pos, search.length) === search;
+  };
 }
diff --git a/webpack.config.js b/webpack.config.js
index 6a1add420..0425aa169 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -97,23 +97,23 @@ const generateConfig = ({extensionPath, devMode=false, customOutputPath}) => {
     },
     module: {
       rules: [
-	{
-	  test: /\.js$/,
-	  loader: 'babel-loader',
-	  include: directoriesToTransform,
-	  options: {
-	    cwd: path.resolve(__dirname)
-	  }
-	},
-	{
-	  test: /\.css$/,
-	  use: ["style-loader", "css-loader"]
-	},
-	{
-	  test: /\.(gif|png|jpe?g|svg)$/i,
-	  use: "file-loader",
-	  include: directoriesToTransform
-	}
+        {
+          test: /\.js$/,
+          loader: 'babel-loader',
+          include: directoriesToTransform,
+          options: {
+            cwd: path.resolve(__dirname)
+          }
+        },
+        {
+          test: /\.css$/,
+          use: ["style-loader", "css-loader"]
+        },
+        {
+          test: /\.(gif|png|jpe?g|svg)$/i,
+          use: "file-loader",
+          include: directoriesToTransform
+        }
       ]
     }
   };