diff --git a/.github/workflows/build-images.yml b/.github/workflows/build-images.yml
index 85567e4..d8d5db0 100644
--- a/.github/workflows/build-images.yml
+++ b/.github/workflows/build-images.yml
@@ -1,7 +1,7 @@
 name: "Build Images"
 on:
   release:
-    types: [published]
+    types: [ published ]
 
   # FIXME: these variables don't seem to work at all
   workflow_call:
diff --git a/.github/workflows/codeql-analysis.yml b/.github/workflows/codeql-analysis.yml
index 6e25c7d..69dc566 100644
--- a/.github/workflows/codeql-analysis.yml
+++ b/.github/workflows/codeql-analysis.yml
@@ -37,42 +37,42 @@ jobs:
         # Learn more about CodeQL language support at https://aka.ms/codeql-docs/language-support
 
     steps:
-    - name: Checkout repository
-      uses: actions/checkout@v4
+      - name: Checkout repository
+        uses: actions/checkout@v4
 
-    - if: matrix.language == 'go'
-      name: Set up Go
-      uses: actions/setup-go@v4
-      with:
-        go-version: '1.21.4'
+      - if: matrix.language == 'go'
+        name: Set up Go
+        uses: actions/setup-go@v4
+        with:
+          go-version: '1.21.4'
 
-    # Initializes the CodeQL tools for scanning.
-    - name: Initialize CodeQL
-      uses: github/codeql-action/init@v2
-      with:
-        languages: ${{ matrix.language }}
-        # If you wish to specify custom queries, you can do so here or in a config file.
-        # By default, queries listed here will override any specified in a config file.
-        # Prefix the list here with "+" to use these queries and those in the config file.
+      # Initializes the CodeQL tools for scanning.
+      - name: Initialize CodeQL
+        uses: github/codeql-action/init@v2
+        with:
+          languages: ${{ matrix.language }}
+          # If you wish to specify custom queries, you can do so here or in a config file.
+          # By default, queries listed here will override any specified in a config file.
+          # Prefix the list here with "+" to use these queries and those in the config file.
 
-        # Details on CodeQL's query packs refer to : https://docs.github.com/en/code-security/code-scanning/automatically-scanning-your-code-for-vulnerabilities-and-errors/configuring-code-scanning#using-queries-in-ql-packs
-        # queries: security-extended,security-and-quality
+          # Details on CodeQL's query packs refer to : https://docs.github.com/en/code-security/code-scanning/automatically-scanning-your-code-for-vulnerabilities-and-errors/configuring-code-scanning#using-queries-in-ql-packs
+          # queries: security-extended,security-and-quality
 
 
-    # Autobuild attempts to build any compiled languages  (C/C++, C#, or Java).
-    # If this step fails, then you should remove it and run the build manually (see below)
-    - name: Autobuild
-      uses: github/codeql-action/autobuild@v2
+      # Autobuild attempts to build any compiled languages  (C/C++, C#, or Java).
+      # If this step fails, then you should remove it and run the build manually (see below)
+      - name: Autobuild
+        uses: github/codeql-action/autobuild@v2
 
-    # ℹ️ Command-line programs to run using the OS shell.
-    # 📚 See https://docs.github.com/en/actions/using-workflows/workflow-syntax-for-github-actions#jobsjob_idstepsrun
+      # ℹ️ Command-line programs to run using the OS shell.
+      # 📚 See https://docs.github.com/en/actions/using-workflows/workflow-syntax-for-github-actions#jobsjob_idstepsrun
 
-    #   If the Autobuild fails above, remove it and uncomment the following three lines.
-    #   modify them (or add more) to build your code if your project, please refer to the EXAMPLE below for guidance.
+      #   If the Autobuild fails above, remove it and uncomment the following three lines.
+      #   modify them (or add more) to build your code if your project, please refer to the EXAMPLE below for guidance.
 
-    # - run: |
-    #   echo "Run, Build Application using script"
-    #   ./location_of_script_within_repo/buildscript.sh
+      # - run: |
+      #   echo "Run, Build Application using script"
+      #   ./location_of_script_within_repo/buildscript.sh
 
-    - name: Perform CodeQL Analysis
-      uses: github/codeql-action/analyze@v2
+      - name: Perform CodeQL Analysis
+        uses: github/codeql-action/analyze@v2
diff --git a/.github/workflows/go-test.yml b/.github/workflows/go-test.yml
index 1e613fc..2ee76e1 100644
--- a/.github/workflows/go-test.yml
+++ b/.github/workflows/go-test.yml
@@ -1,5 +1,5 @@
 name: go-test
-on: [push]
+on: [ push ]
 
 jobs:
   build:
diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
index 2176535..06a077c 100644
--- a/.github/workflows/release.yml
+++ b/.github/workflows/release.yml
@@ -10,25 +10,21 @@ jobs:
   goreleaser:
     runs-on: ubuntu-latest
     steps:
-      -
-        name: Checkout
+      - name: Checkout
         uses: actions/checkout@v4
         with:
           fetch-depth: 0
-      -
-        name: Docker Login
+      - name: Docker Login
         uses: docker/login-action@v3.0.0
         with:
           username: ${{ secrets.DOCKERHUB_USERNAME }}
           password: ${{ secrets.DOCKERHUB_TOKEN }}
-      -
-        name: Set up Go
+      - name: Set up Go
         uses: actions/setup-go@v4
         with:
           go-version: '1.21.4'
           cache: true
-      -
-        name: Run GoReleaser
+      - name: Run GoReleaser
         uses: goreleaser/goreleaser-action@v5
         if: success() && startsWith(github.ref, 'refs/tags/')
         with:
diff --git a/.goreleaser.yaml b/.goreleaser.yaml
index b49ac35..b61dc4f 100644
--- a/.goreleaser.yaml
+++ b/.goreleaser.yaml
@@ -5,8 +5,7 @@ before:
     - go mod tidy
     - make build-ui
 builds:
-  -
-    env:
+  - env:
       - CGO_ENABLED=0
     goos:
       - linux
@@ -29,8 +28,7 @@ release:
   prerelease: auto
   mode: append
 archives:
-  -
-    name_template: "{{ .ProjectName }}_{{ .Version }}_{{ .Os }}_{{ .Arch }}"
+  - name_template: "{{ .ProjectName }}_{{ .Version }}_{{ .Os }}_{{ .Arch }}"
 dockers:
   - image_templates:
       - "drewhammond/chefbrowser:{{ .Tag }}"
diff --git a/README.md b/README.md
index 78ddf90..aa891f8 100644
--- a/README.md
+++ b/README.md
@@ -51,7 +51,8 @@ I think the frontend could use some love.
 
 Set `app_mode = development` in your config file to enable developer mode. This mode does the following:
 
-- Go Templates are loaded from the file system instead of embedded into the backend. They can be changed without recompiling.
+- Go Templates are loaded from the file system instead of embedded into the backend. They can be changed without
+  recompiling.
 - CSS/JS links in the HTML are updated to point to the local Vite dev server for live reloading.
 
 Install UI dependencies and start the frontend development server:
@@ -72,7 +73,7 @@ Access the dev server at http://localhost:8080.
 CSS/JS changes will trigger automatic rebuilds
 as long as you have the frontend development server running.
 
->Note: Go changes will not be live reloaded. Rebuild backend for changes to take effect.
+> Note: Go changes will not be live reloaded. Rebuild backend for changes to take effect.
 
 ## TODO
 
diff --git a/ui/bootstrap.js b/ui/bootstrap.js
index 80a7d0d..feab4cb 100644
--- a/ui/bootstrap.js
+++ b/ui/bootstrap.js
@@ -1,6 +1,6 @@
 import hljs from 'highlight.js/lib/core';
 import DOMPurify from 'dompurify';
-import { marked } from 'marked';
+import {marked} from 'marked';
 import dayjs from "dayjs";
 
 window.dayjs = dayjs
diff --git a/ui/index.html b/ui/index.html
index 6b5a296..597ed46 100644
--- a/ui/index.html
+++ b/ui/index.html
@@ -1,13 +1,13 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite App</title>
-  </head>
-  <body>
-  <!-- This file contains no purpose in the actual application. It is only used by Vite to compile JS -->
-    <div id="app"></div>
-    <script type="module" src="/main.js"></script>
-  </body>
+<head>
+  <meta charset="UTF-8"/>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+  <title>Vite App</title>
+</head>
+<body>
+<!-- This file contains no purpose in the actual application. It is only used by Vite to compile JS -->
+<div id="app"></div>
+<script type="module" src="/main.js"></script>
+</body>
 </html>
diff --git a/ui/main.js b/ui/main.js
index ada3b43..4632c01 100644
--- a/ui/main.js
+++ b/ui/main.js
@@ -19,6 +19,7 @@ import erb from 'highlight.js/lib/languages/erb';
 import yaml from 'highlight.js/lib/languages/yaml';
 import json from 'highlight.js/lib/languages/json';
 import bash from 'highlight.js/lib/languages/bash';
+
 hljs.registerLanguage('bash', bash);
 hljs.registerLanguage('ruby', ruby);
 hljs.registerLanguage('erb', erb);
diff --git a/ui/src/js/code-highlighter.js b/ui/src/js/code-highlighter.js
index 4f84a58..0679897 100644
--- a/ui/src/js/code-highlighter.js
+++ b/ui/src/js/code-highlighter.js
@@ -1,5 +1,5 @@
 export function codeHighlighter() {
-	window.addEventListener('DOMContentLoaded', (event) => {
-		console.log('DOM fully loaded and parsed');
-	});
+  window.addEventListener('DOMContentLoaded', (event) => {
+    console.log('DOM fully loaded and parsed');
+  });
 }
diff --git a/ui/src/js/day.js b/ui/src/js/day.js
index 6b4b543..734038a 100644
--- a/ui/src/js/day.js
+++ b/ui/src/js/day.js
@@ -1,4 +1,3 @@
-
 import dayjs from 'dayjs/esm/index'
 // const dayjs = require('dayjs')
 
diff --git a/ui/src/js/scroll-to-top.js b/ui/src/js/scroll-to-top.js
index d6c1fdb..2e1cf97 100644
--- a/ui/src/js/scroll-to-top.js
+++ b/ui/src/js/scroll-to-top.js
@@ -1,4 +1,3 @@
-
 let scrollToTopBtn = document.getElementById("btn-scroll-to-top");
 let fourViewports = window.innerHeight * 4;
 
diff --git a/ui/src/scss/bootstrap.scss b/ui/src/scss/bootstrap.scss
index 19aeee7..04e5b4d 100644
--- a/ui/src/scss/bootstrap.scss
+++ b/ui/src/scss/bootstrap.scss
@@ -2,6 +2,7 @@
 
 // Selective bootstrap SCSS
 @import "~bootstrap/scss/mixins/banner";
+
 @include bsBanner("");
 
 // Configuration
diff --git a/ui/src/scss/custom.scss b/ui/src/scss/custom.scss
index 6a30a83..d2d19cb 100644
--- a/ui/src/scss/custom.scss
+++ b/ui/src/scss/custom.scss
@@ -50,54 +50,54 @@ pre code.hljs {
 }
 
 .dark-mode-toggle > .form-check-input {
-	border-radius: 2em;
+  border-radius: 2em;
 }
 
 .dark-mode-toggle > label, input {
-	cursor: pointer;
+  cursor: pointer;
 }
 
 .cb-cookbook-version-badge {
-	background-color: var(--bs-tertiary-bg);
+  background-color: var(--bs-tertiary-bg);
 }
 
 $color-mode-type: data;
 @include color-mode(light) {
-	.cb-navbar, .cb-footer {
-		background-color: var(--bs-light);
-	}
-	.cb-search-btn {
-		border-color: var(--bs-success);
-		color: var(--bs-success);
-	}
-
-	@import 'highlight.js/scss/stackoverflow-light';
+  .cb-navbar, .cb-footer {
+    background-color: var(--bs-light);
+  }
+  .cb-search-btn {
+    border-color: var(--bs-success);
+    color: var(--bs-success);
+  }
+
+  @import 'highlight.js/scss/stackoverflow-light';
 }
 
 @include color-mode(dark) {
-	.cb-navbar, .cb-footer {
-		background-color: var(--bs-secondary-bg);
-	}
-
-	.nav-link:hover, .nav-link:focus {
-		color: var(--bs-emphasis-color)
-	}
-
-	.cb-search-btn {
-		border-color: var(--bs-tertiary-color);
-		color: var(--bs-tertiary-color);
-	}
-
-	#enable-dark-mode {
-		background-color: var(--bs-tertiary-bg);
-		border-color: var(--bs-secondary-color);
-	}
-
-	@import 'highlight.js/scss/base16/default-dark';
-	.hljs-ln td.hljs-ln-numbers {
-		color: var(--bs-tertiary-color);
-		border-right-color: var(--bs-tertiary-color);
-	}
+  .cb-navbar, .cb-footer {
+    background-color: var(--bs-secondary-bg);
+  }
+
+  .nav-link:hover, .nav-link:focus {
+    color: var(--bs-emphasis-color)
+  }
+
+  .cb-search-btn {
+    border-color: var(--bs-tertiary-color);
+    color: var(--bs-tertiary-color);
+  }
+
+  #enable-dark-mode {
+    background-color: var(--bs-tertiary-bg);
+    border-color: var(--bs-secondary-color);
+  }
+
+  @import 'highlight.js/scss/base16/default-dark';
+  .hljs-ln td.hljs-ln-numbers {
+    color: var(--bs-tertiary-color);
+    border-right-color: var(--bs-tertiary-color);
+  }
 }
 
 #btn-scroll-to-top {
diff --git a/ui/templates/cookbook.html b/ui/templates/cookbook.html
index 485a751..505e120 100644
--- a/ui/templates/cookbook.html
+++ b/ui/templates/cookbook.html
@@ -1,14 +1,14 @@
-{{define "content"}}
-	<div class="row">
-        {{ include "partials/cookbook/header" }}
-	</div>
-	<div class="row">
-		<div class="col-lg-8">
-            {{include "partials/cookbook_readme"}}
-		</div>
-		<div class="col-lg-4 border-start">
-            {{include "partials/cookbook_metadata"}}
-		</div>
-	</div>
-{{end}}
-{{define "active_tab" }}overview{{end}}
+{{ define "content"}}
+<div class="row">
+  {{ include "partials/cookbook/header" }}
+</div>
+<div class="row">
+  <div class="col-lg-8">
+    {{ include "partials/cookbook_readme"}}
+  </div>
+  <div class="col-lg-4 border-start">
+    {{ include "partials/cookbook_metadata"}}
+  </div>
+</div>
+{{ end }}
+{{ define "active_tab" }}overview{{ end }}
diff --git a/ui/templates/cookbook_file.html b/ui/templates/cookbook_file.html
index 5a8d602..e874595 100644
--- a/ui/templates/cookbook_file.html
+++ b/ui/templates/cookbook_file.html
@@ -1,20 +1,20 @@
-{{define "content"}}
-	<div class="row">
-        {{ include "partials/cookbook/header" }}
-	</div>
-	<div class="row">
-		<div class="col">
-			<h3>{{.path}}</h3>
-			<div id="cookbook-file">
-				<pre><code>{{ .file }}</code></pre>
-			</div>
-			<script>
-				document.addEventListener('DOMContentLoaded', () => {
-					hljs.highlightAll()
-					hljs.initLineNumbersOnLoad()
-				})
-			</script>
-		</div>
-	</div>
-{{end}}
-{{define "active_tab" }}files{{end}}
+{{ define "content"}}
+<div class="row">
+  {{ include "partials/cookbook/header" }}
+</div>
+<div class="row">
+  <div class="col">
+    <h3>{{.path}}</h3>
+    <div id="cookbook-file">
+      <pre><code>{{ .file }}</code></pre>
+    </div>
+    <script>
+      document.addEventListener('DOMContentLoaded', () => {
+        hljs.highlightAll()
+        hljs.initLineNumbersOnLoad()
+      })
+    </script>
+  </div>
+</div>
+{{ end }}
+{{ define "active_tab" }}files{{ end }}
diff --git a/ui/templates/cookbook_file_list.html b/ui/templates/cookbook_file_list.html
index d331198..2a19101 100644
--- a/ui/templates/cookbook_file_list.html
+++ b/ui/templates/cookbook_file_list.html
@@ -1,11 +1,11 @@
-{{define "content"}}
-	<div class="row">
-        {{ include "partials/cookbook/header" }}
-	</div>
-	<div class="row">
-		<div class="col">
-            {{include "partials/cookbook_file_list"}}
-		</div>
-	</div>
-{{end}}
-{{define "active_tab" }}files{{end}}
+{{ define "content"}}
+<div class="row">
+  {{ include "partials/cookbook/header" }}
+</div>
+<div class="row">
+  <div class="col">
+    {{ include "partials/cookbook_file_list"}}
+  </div>
+</div>
+{{ end }}
+{{ define "active_tab" }}files{{ end }}
diff --git a/ui/templates/cookbook_recipes.html b/ui/templates/cookbook_recipes.html
index 94e6e39..68e5f41 100644
--- a/ui/templates/cookbook_recipes.html
+++ b/ui/templates/cookbook_recipes.html
@@ -1,22 +1,23 @@
-{{define "content"}}
-	<div class="row">
-        {{ include "partials/cookbook/header" }}
-	</div>
-	<div class="row">
-		<div class="col">
-            {{ if .recipes }}
-				<h4>Recipes</h4>
-				<ul class="list-unstyled">
-                    {{ range .recipes }}
-						<li>
-							<a href="{{ base_path }}/ui/cookbooks/{{ $.cookbook.Metadata.Name }}/{{ $.cookbook.Metadata.Version }}/file/{{ .Path }}">{{ .Name }}</a>
-						</li>
-                    {{ end }}
-				</ul>
-            {{ else}}
-				This cookbook does not contain any recipes.
-            {{ end }}
-		</div>
-	</div>
-{{end}}
-{{define "active_tab" }}recipes{{end}}
+{{ define "content"}}
+<div class="row">
+  {{ include "partials/cookbook/header" }}
+</div>
+<div class="row">
+  <div class="col">
+    {{ if .recipes }}
+    <h4>Recipes</h4>
+    <ul class="list-unstyled">
+      {{ range .recipes }}
+      <li>
+        <a href="{{ base_path }}/ui/cookbooks/{{ $.cookbook.Metadata.Name }}/{{ $.cookbook.Metadata.Version }}/file/
+          {{ .Path }}">{{ .Name }}</a>
+      </li>
+      {{ end }}
+    </ul>
+    {{ else }}
+    This cookbook does not contain any recipes.
+    {{ end }}
+  </div>
+</div>
+{{ end }}
+{{ define "active_tab" }}recipes{{ end }}
diff --git a/ui/templates/cookbooks.html b/ui/templates/cookbooks.html
index aeb885b..cd76b8e 100644
--- a/ui/templates/cookbooks.html
+++ b/ui/templates/cookbooks.html
@@ -1,16 +1,17 @@
 {{ define "active_nav"}}
-	cookbooks
-{{end}}
-{{define "content"}}
-	<h2>Cookbooks <small class="text-muted">({{ len .cookbooks }})</small></h2>
-	<ul id="cookbook-list" class="list-unstyled">
-        {{range $index, $versions := .cookbooks}}
-			<li>
-				<span class="">{{$versions.Name}}</span>
-                {{range .Versions}}
-					<span class="badge cb-cookbook-version-badge"><a href="{{ base_path }}/ui/cookbooks/{{$versions.Name}}/{{.}}">{{.}}</a></span>
-                {{end}}
-			</li>
-        {{end}}
-	</ul>
-{{end}}
+cookbooks
+{{ end }}
+{{ define "content"}}
+<h2>Cookbooks <small class="text-muted">({{ len .cookbooks }})</small></h2>
+<ul id="cookbook-list" class="list-unstyled">
+  {{ range $index, $versions := .cookbooks}}
+  <li>
+    <span class="">{{$versions.Name}}</span>
+    {{ range .Versions }}
+    <span class="badge cb-cookbook-version-badge"><a
+      href="{{ base_path }}/ui/cookbooks/{{$versions.Name}}/{{.}}">{{.}}</a></span>
+    {{ end }}
+  </li>
+  {{ end }}
+</ul>
+{{ end }}
diff --git a/ui/templates/databag_item_content.html b/ui/templates/databag_item_content.html
index 52b1dc4..cc61778 100644
--- a/ui/templates/databag_item_content.html
+++ b/ui/templates/databag_item_content.html
@@ -1,32 +1,33 @@
-{{define "content"}}
-	<h2 class="databag-headline">{{.databag}}::{{.item}}</h2>
-	<div class="table-responsive">
-		<table class="table table-striped table-sm">
-			<tbody id="databag-tbody"></tbody>
-		</table>
-	</div>
+{{ define "content"}}
+<h2 class="databag-headline">{{.databag}}::{{.item}}</h2>
+<div class="table-responsive">
+  <table class="table table-striped table-sm">
+    <tbody id="databag-tbody"></tbody>
+  </table>
+</div>
 
 <script>
-	const flattenJSON = (obj = {}, res = {}, extraKey = '') => {
-		for (let key in obj) {
-			if (typeof obj[key] !== 'object') {
-				res[extraKey + key] = obj[key];
-			} else {
-				flattenJSON(obj[key], res, `${extraKey}${key}.`)
-			}
-		}
-		return res;
-	};
+  const flattenJSON = (obj = {}, res = {}, extraKey = '') => {
+    for (let key in obj) {
+      if (typeof obj[key] !== 'object') {
+        res[extraKey + key] = obj[key];
+      } else {
+        flattenJSON(obj[key], res, `${extraKey}${key}.`)
+      }
+    }
+    return res;
+  };
 
-	let db = {{ .content }}
+  let db = {{ .content }}
 
-	let attrTbody = document.getElementById('databag-tbody')
-	let l = []
-	flattenedAttrs = flattenJSON(db, {}, '$.')
-	for (const property in flattenedAttrs) {
-		l.push(`<tr><td class="attribute-key">${property}</td><td><code>${flattenedAttrs[property]}</code></td>`)
-	}
-	attrTbody.innerHTML = l.join('')
+    let
+  attrTbody = document.getElementById('databag-tbody')
+  let l = []
+  flattenedAttrs = flattenJSON(db, {}, '$.')
+  for (const property in flattenedAttrs) {
+    l.push(`<tr><td class="attribute-key">${property}</td><td><code>${flattenedAttrs[property]}</code></td>`)
+  }
+  attrTbody.innerHTML = l.join('')
 </script>
 
-{{end}}
+{{ end }}
diff --git a/ui/templates/databag_items.html b/ui/templates/databag_items.html
index f437da1..3f9c5e9 100644
--- a/ui/templates/databag_items.html
+++ b/ui/templates/databag_items.html
@@ -1,8 +1,8 @@
-{{define "content"}}
-	<h2 class="databag-headline">{{.databag}}</h2>
-	<ul id="databag-list" class="list-unstyled">
-        {{range $name, $url := .items}}
-			<li><a href="{{ base_path }}/ui/databags/{{$.databag}}/{{$name}}/">{{$name}}</a></li>
-        {{end}}
-	</ul>
-{{end}}
+{{ define "content"}}
+<h2 class="databag-headline">{{.databag}}</h2>
+<ul id="databag-list" class="list-unstyled">
+  {{ range $name, $url := .items}}
+  <li><a href="{{ base_path }}/ui/databags/{{$.databag}}/{{$name}}/">{{$name}}</a></li>
+  {{ end }}
+</ul>
+{{ end }}
diff --git a/ui/templates/databags.html b/ui/templates/databags.html
index 0223964..9e882b0 100644
--- a/ui/templates/databags.html
+++ b/ui/templates/databags.html
@@ -1,8 +1,8 @@
-{{define "content"}}
-	<h2>Data Bags <small class="text-muted">({{ len .databags }})</small></h2>
-	<ul id="databag-list" class="list-unstyled">
-        {{range $name, $url := .databags}}
-			<li><a href="{{ base_path }}/ui/databags/{{$name}}">{{$name}}</a></li>
-        {{end}}
-	</ul>
-{{end}}
+{{ define "content"}}
+<h2>Data Bags <small class="text-muted">({{ len .databags }})</small></h2>
+<ul id="databag-list" class="list-unstyled">
+  {{ range $name, $url := .databags}}
+  <li><a href="{{ base_path }}/ui/databags/{{$name}}">{{$name}}</a></li>
+  {{ end }}
+</ul>
+{{ end }}
diff --git a/ui/templates/environment.html b/ui/templates/environment.html
index 417c026..9dbfdd9 100644
--- a/ui/templates/environment.html
+++ b/ui/templates/environment.html
@@ -1,78 +1,79 @@
-{{define "content"}}
-	<div class="row">
-		<div class="d-flex">
-			<div class="flex-grow-1">
-				<h2 class="environment-headline">{{.environment.Name}}</h2>
-				<p class="lead">{{.environment.Description}}</p>
-			</div>
-			<div class="">
-				<a type="button" href="{{ base_path }}/ui/nodes?q=chef_environment:{{.environment.Name}}" class="btn btn-outline-primary">View
-					Nodes</a>
-			</div>
-		</div>
-	</div>
-    {{ if .environment.CookbookVersions }}
-		<h3>Cookbook Versions</h3>
-		<ul class="list-unstyled">
-            {{ range $cookbook, $constraint := .environment.CookbookVersions}}
-				<li><strong>{{ $cookbook }}</strong> {{$constraint}}</li>
-            {{end}}
-		</ul>
-    {{ end }}
+{{ define "content"}}
+<div class="row">
+  <div class="d-flex">
+    <div class="flex-grow-1">
+      <h2 class="environment-headline">{{.environment.Name}}</h2>
+      <p class="lead">{{.environment.Description}}</p>
+    </div>
+    <div class="">
+      <a type="button" href="{{ base_path }}/ui/nodes?q=chef_environment:{{.environment.Name}}"
+         class="btn btn-outline-primary">View
+        Nodes</a>
+    </div>
+  </div>
+</div>
+{{ if .environment.CookbookVersions }}
+<h3>Cookbook Versions</h3>
+<ul class="list-unstyled">
+  {{ range $cookbook, $constraint := .environment.CookbookVersions}}
+  <li><strong>{{ $cookbook }}</strong> {{$constraint}}</li>
+  {{ end }}
+</ul>
+{{ end }}
 
-    {{ if or .environment.DefaultAttributes .environment.OverrideAttributes }}
-		<h4>Attributes</h4>
-		<ul class="nav nav-tabs">
-			<li class="nav-item">
-				<a class="nav-link active" data-bs-toggle="tab" data-bs-target="#default-tab-pane">Default</a>
-			</li>
-			<li class="nav-item">
-				<a class="nav-link" data-bs-toggle="tab" data-bs-target="#override-tab-pane">Override</a>
-			</li>
-		</ul>
-		<div class="tab-content" id="myTabContent">
-			<div class="tab-pane active" id="default-tab-pane" role="tabpanel">
-				<div class="table-responsive">
-					<table class="table table-striped table-sm">
-						<tbody id="default-tbody"></tbody>
-					</table>
-				</div>
-			</div>
-			<div class="tab-pane" id="override-tab-pane" role="tabpanel">
-				<div class="table-responsive">
-					<table class="table table-striped table-sm">
-						<tbody id="override-tbody"></tbody>
-					</table>
-				</div>
-			</div>
-		</div>
+{{ if or .environment.DefaultAttributes .environment.OverrideAttributes }}
+<h4>Attributes</h4>
+<ul class="nav nav-tabs">
+  <li class="nav-item">
+    <a class="nav-link active" data-bs-toggle="tab" data-bs-target="#default-tab-pane">Default</a>
+  </li>
+  <li class="nav-item">
+    <a class="nav-link" data-bs-toggle="tab" data-bs-target="#override-tab-pane">Override</a>
+  </li>
+</ul>
+<div class="tab-content" id="myTabContent">
+  <div class="tab-pane active" id="default-tab-pane" role="tabpanel">
+    <div class="table-responsive">
+      <table class="table table-striped table-sm">
+        <tbody id="default-tbody"></tbody>
+      </table>
+    </div>
+  </div>
+  <div class="tab-pane" id="override-tab-pane" role="tabpanel">
+    <div class="table-responsive">
+      <table class="table table-striped table-sm">
+        <tbody id="override-tbody"></tbody>
+      </table>
+    </div>
+  </div>
+</div>
 <script>
-	const flattenJSON = (obj = {}, res = {}, extraKey = '') => {
-		for (let key in obj) {
-			if (typeof obj[key] !== 'object') {
-				res[extraKey + key] = obj[key];
-			} else {
-				flattenJSON(obj[key], res, `${extraKey}${key}.`)
-			}
-		}
-		return res;
-	};
+  const flattenJSON = (obj = {}, res = {}, extraKey = '') => {
+    for (let key in obj) {
+      if (typeof obj[key] !== 'object') {
+        res[extraKey + key] = obj[key];
+      } else {
+        flattenJSON(obj[key], res, `${extraKey}${key}.`)
+      }
+    }
+    return res;
+  };
 
-	let attrs = {
-		"default": {{ .environment.DefaultAttributes }},
-	    "override": {{ .environment.OverrideAttributes }}
-	}
+  let attrs = {
+    "default": {{ .environment.DefaultAttributes }},
+    "override": {{ .environment.OverrideAttributes }}
+  }
 
-	let flattenedAttrs;
-	for (const [attrClass, attrObj] of Object.entries(attrs)) {
-		let attrTbody = document.getElementById(`${attrClass}-tbody`)
-		let l = []
-		flattenedAttrs = flattenJSON(attrObj, {}, '$.')
-		for (const property in flattenedAttrs) {
-			l.push(`<tr><td class="attribute-key">${property}</td><td><code>${flattenedAttrs[property]}</code></td>`)
-		}
-		attrTbody.innerHTML = l.join('')
-	}
+  let flattenedAttrs;
+  for (const [attrClass, attrObj] of Object.entries(attrs)) {
+    let attrTbody = document.getElementById(`${attrClass}-tbody`)
+    let l = []
+    flattenedAttrs = flattenJSON(attrObj, {}, '$.')
+    for (const property in flattenedAttrs) {
+      l.push(`<tr><td class="attribute-key">${property}</td><td><code>${flattenedAttrs[property]}</code></td>`)
+    }
+    attrTbody.innerHTML = l.join('')
+  }
 </script>
-    {{ end }}
-{{end}}
+{{ end }}
+{{ end }}
diff --git a/ui/templates/environments.html b/ui/templates/environments.html
index a79df19..678900d 100644
--- a/ui/templates/environments.html
+++ b/ui/templates/environments.html
@@ -1,8 +1,8 @@
-{{define "content"}}
-	<h2>Environments <small class="text-muted">({{ len .environments }})</small></h2>
-	<ul id="environment-list" class="list-unstyled">
-        {{range $name, $url := .environments }}
-			<li><a href="{{ base_path }}/ui/environments/{{$name}}">{{$name}}</a></li>
-        {{end}}
-	</ul>
-{{end}}
+{{ define "content"}}
+<h2>Environments <small class="text-muted">({{ len .environments }})</small></h2>
+<ul id="environment-list" class="list-unstyled">
+  {{ range $name, $url := .environments }}
+  <li><a href="{{ base_path }}/ui/environments/{{$name}}">{{$name}}</a></li>
+  {{ end }}
+</ul>
+{{ end }}
diff --git a/ui/templates/errors/404.html b/ui/templates/errors/404.html
index 3edc451..0c428e6 100644
--- a/ui/templates/errors/404.html
+++ b/ui/templates/errors/404.html
@@ -1,4 +1,4 @@
 {{ define "content" }}
-	<h1>404!</h1>
-	<p class="lead">{{ .message }}</p>
+<h1>404!</h1>
+<p class="lead">{{ .message }}</p>
 {{ end }}
diff --git a/ui/templates/errors/500.html b/ui/templates/errors/500.html
index efaad14..973b0d0 100644
--- a/ui/templates/errors/500.html
+++ b/ui/templates/errors/500.html
@@ -1,3 +1,3 @@
 {{ define "content" }}
-	<h1>Internal server error!</h1>
+<h1>Internal server error!</h1>
 {{ end }}
diff --git a/ui/templates/group.html b/ui/templates/group.html
index 114f175..33c9886 100644
--- a/ui/templates/group.html
+++ b/ui/templates/group.html
@@ -1,3 +1,3 @@
-{{define "content"}}
-	<h2>{{.}}</h2>
-{{end}}
+{{ define "content"}}
+<h2>{{.}}</h2>
+{{ end }}
diff --git a/ui/templates/groups.html b/ui/templates/groups.html
index afa3048..c4549fd 100644
--- a/ui/templates/groups.html
+++ b/ui/templates/groups.html
@@ -1,14 +1,14 @@
-{{define "content"}}
-	<h2>Groups</h2>
-		{{range $name, $url := .groups}}
-			{{.}}
+{{ define "content"}}
+<h2>Groups</h2>
+{{ range $name, $url := .groups}}
+{{.}}
 
-			{{ $url }}
+{{ $url }}
 
-			{{end}}
-	<ul id="node-list" class="list-unstyled">
-{{/*        {{range .groups}}*/}}
-{{/*			{{.}}*/}}
-{{/*        {{end}}*/}}
-	</ul>
-{{end}}
+{{ end }}
+<ul id="node-list" class="list-unstyled">
+  {{/*        {{ range .groups }}*/}}
+  {{/*      {{.}}*/}}
+  {{/*        {{ end }}*/}}
+</ul>
+{{ end }}
diff --git a/ui/templates/layouts/footer.html b/ui/templates/layouts/footer.html
index 2e2f1c3..9dd83be 100644
--- a/ui/templates/layouts/footer.html
+++ b/ui/templates/layouts/footer.html
@@ -1,21 +1,25 @@
 <footer class="footer mt-auto py-3 cb-footer">
-	<div class="container">
-		<div class="d-flex flex-row justify-content-between">
+  <div class="container">
+    <div class="d-flex flex-row justify-content-between">
 			<span class="text-muted">
 				<a target="_blank" href="https://github.com/drewhammond/chefbrowser">Chef Browser</a> v{{ app_version }}
 			</span>
-			<div class="d-flex">
-				<div id="bd-theme" class="form-check form-switch dark-mode-toggle">
-					<input class="form-check-input" type="checkbox" id="enable-dark-mode" data-bs-theme-value="light">
-					<label  id="bd-theme-text" class="form-check-label" for="enable-dark-mode">Dark Mode</label>
-				</div>
-			</div>
-		</div>
-	</div>
+      <div class="d-flex">
+        <div id="bd-theme" class="form-check form-switch dark-mode-toggle">
+          <input class="form-check-input" type="checkbox" id="enable-dark-mode" data-bs-theme-value="light">
+          <label id="bd-theme-text" class="form-check-label" for="enable-dark-mode">Dark Mode</label>
+        </div>
+      </div>
+    </div>
+  </div>
 </footer>
 <button id="btn-scroll-to-top" class="btn border-0" aria-label="Back to Top">
-	<p class="m-lg-1"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-arrow-up-circle-fill" viewBox="0 0 16 16" focusable="false">
-		<path d="M16 8A8 8 0 1 0 0 8a8 8 0 0 0 16 0zm-7.5 3.5a.5.5 0 0 1-1 0V5.707L5.354 7.854a.5.5 0 1 1-.708-.708l3-3a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 5.707V11.5z"/>
-	</svg></p>
-	<span>Back to Top</span>
+  <p class="m-lg-1">
+    <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor"
+         class="bi bi-arrow-up-circle-fill" viewBox="0 0 16 16" focusable="false">
+      <path
+        d="M16 8A8 8 0 1 0 0 8a8 8 0 0 0 16 0zm-7.5 3.5a.5.5 0 0 1-1 0V5.707L5.354 7.854a.5.5 0 1 1-.708-.708l3-3a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 5.707V11.5z"/>
+    </svg>
+  </p>
+  <span>Back to Top</span>
 </button>
diff --git a/ui/templates/layouts/master.html b/ui/templates/layouts/master.html
index cca51a7..da5aee2 100644
--- a/ui/templates/layouts/master.html
+++ b/ui/templates/layouts/master.html
@@ -1,73 +1,73 @@
 <!doctype html>
 <html lang="en" class="h-100" data-bs-theme="auto">
 <head>
-	<meta charset="utf-8">
-	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<meta name="referrer" content="same-origin">
-	<title>{{ block "title" . }}{{ .title }} · Chef Browser{{end}}</title>
-	<script>
-		(() => {
-			'use strict'
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="referrer" content="same-origin">
+  <title>{{ block "title" . }}{{ .title }} · Chef Browser{{ end }}</title>
+  <script>
+    (() => {
+      'use strict'
 
-			const getStoredTheme = () => localStorage.getItem('theme')
-			const setStoredTheme = theme => localStorage.setItem('theme', theme)
+      const getStoredTheme = () => localStorage.getItem('theme')
+      const setStoredTheme = theme => localStorage.setItem('theme', theme)
 
-			const getPreferredTheme = () => {
-				const storedTheme = getStoredTheme()
-				if (storedTheme) {
-					return storedTheme
-				}
+      const getPreferredTheme = () => {
+        const storedTheme = getStoredTheme()
+        if (storedTheme) {
+          return storedTheme
+        }
 
-				return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'
-			}
+        return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'
+      }
 
-			const setTheme = theme => {
-				if (theme === 'auto' && window.matchMedia('(prefers-color-scheme: dark)').matches) {
-					document.documentElement.setAttribute('data-bs-theme', 'dark')
-				} else {
-					document.documentElement.setAttribute('data-bs-theme', theme)
-				}
-			}
+      const setTheme = theme => {
+        if (theme === 'auto' && window.matchMedia('(prefers-color-scheme: dark)').matches) {
+          document.documentElement.setAttribute('data-bs-theme', 'dark')
+        } else {
+          document.documentElement.setAttribute('data-bs-theme', theme)
+        }
+      }
 
-			setTheme(getPreferredTheme())
+      setTheme(getPreferredTheme())
 
-			window.addEventListener('DOMContentLoaded', () => {
-				const toggle = document.querySelector('#enable-dark-mode')
-				const storedTheme = getStoredTheme()
-				toggle.checked = storedTheme === 'dark'
-				toggle.setAttribute('data-bs-theme-value', storedTheme === 'dark' ? 'light' : 'dark')
+      window.addEventListener('DOMContentLoaded', () => {
+        const toggle = document.querySelector('#enable-dark-mode')
+        const storedTheme = getStoredTheme()
+        toggle.checked = storedTheme === 'dark'
+        toggle.setAttribute('data-bs-theme-value', storedTheme === 'dark' ? 'light' : 'dark')
 
-				toggle.addEventListener('change', () => {
-					const theme = toggle.getAttribute('data-bs-theme-value')
-					setStoredTheme(theme)
-					setTheme(theme)
-					toggle.setAttribute('data-bs-theme-value', theme === 'light' ? 'dark' : 'light')
-				})
+        toggle.addEventListener('change', () => {
+          const theme = toggle.getAttribute('data-bs-theme-value')
+          setStoredTheme(theme)
+          setTheme(theme)
+          toggle.setAttribute('data-bs-theme-value', theme === 'light' ? 'dark' : 'light')
+        })
 
-				setTheme(getPreferredTheme())
-			})
+        setTheme(getPreferredTheme())
+      })
 
-			window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => {
-				const storedTheme = getStoredTheme()
-				if (storedTheme !== 'light' && storedTheme !== 'dark') {
-					setTheme(getPreferredTheme())
-				}
-			})
-		})()
+      window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => {
+        const storedTheme = getStoredTheme()
+        if (storedTheme !== 'light' && storedTheme !== 'dark') {
+          setTheme(getPreferredTheme())
+        }
+      })
+    })()
 
-	</script>
-    {{include "layouts/head"}}
-	<link rel="alternate icon" class="js-site-favicon" type="image/png" href="{{ base_path }}/ui/favicons/favicon.png">
-	<link rel="icon" class="js-site-favicon" type="image/svg+xml" href="{{ base_path }}/ui/favicons/favicon.svg">
+  </script>
+  {{ include "layouts/head"}}
+  <link rel="alternate icon" class="js-site-favicon" type="image/png" href="{{ base_path }}/ui/favicons/favicon.png">
+  <link rel="icon" class="js-site-favicon" type="image/svg+xml" href="{{ base_path }}/ui/favicons/favicon.svg">
 </head>
 <body class="d-flex flex-column h-100">
-{{include "layouts/nav"}}
+{{ include "layouts/nav"}}
 <main class="flex-shrink-0">
-	<div class="container">
-        {{template "content" .}}
-	</div>
+  <div class="container">
+    {{ template "content" .}}
+  </div>
 </main>
-{{include "layouts/footer"}}
-{{ block "footer_scripts" .}}{{end}}
+{{ include "layouts/footer"}}
+{{ block "footer_scripts" .}}{{ end }}
 </body>
 </html>
diff --git a/ui/templates/layouts/nav.html b/ui/templates/layouts/nav.html
index 88fd480..af06c63 100644
--- a/ui/templates/layouts/nav.html
+++ b/ui/templates/layouts/nav.html
@@ -1,46 +1,47 @@
 <header>
-	<nav class="navbar navbar-expand-sm cb-navbar">
-		<div class="container">
-			<a class="navbar-brand" href="{{ base_path }}/ui/nodes">Chef Browser</a>
-			<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
-					data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
-					aria-expanded="false" aria-label="Toggle navigation">
-				<span class="navbar-toggler-icon"></span>
-			</button>
-			<div class="collapse navbar-collapse" id="navbarSupportedContent">
-				<ul class="navbar-nav me-auto mb-2 mb-lg-0 flex-grow-1">
-					<li class="nav-item">
-						<a class="nav-link {{ if eq .active_nav "nodes"}}active{{end}}" href="{{ base_path }}/ui/nodes">Nodes</a>
-					</li>
-					<li class="nav-item">
-						<a class="nav-link {{ if eq .active_nav "environments"}}active{{end}}" href="{{ base_path }}/ui/environments">Environments</a>
-					</li>
-					<li class="nav-item">
-						<a class="nav-link {{ if eq .active_nav "roles"}}active{{end}}" href="{{ base_path }}/ui/roles">Roles</a>
-					</li>
-					<li class="nav-item">
-						<a class="nav-link {{ if eq .active_nav "databags"}}active{{end}}" href="{{ base_path }}/ui/databags">Data
-							Bags</a>
-					</li>
-					<li class="nav-item">
-						<a class="nav-link {{ if eq .active_nav "cookbooks"}}active{{end}}" href="{{ base_path }}/ui/cookbooks">Cookbooks</a>
-					</li>
-				</ul>
-                {{ if eq .search_enabled true }}
-					<form class="d-flex flex-grow-1" role="search" action="{{ base_path }}/ui/nodes" method="GET">
-						<input id="search-box" name="q" class="form-control me-2" type="search" placeholder="Search"
-							   aria-label="Search">
-						<button class="btn cb-search-btn" type="submit">Search</button>
-					</form>
-					<script>
-						const params = new Proxy(new URLSearchParams(window.location.search), {
-							get: (searchParams, prop) => searchParams.get(prop),
-						});
-						let value = params.q
-						document.getElementById("search-box").value = value
-					</script>
-                {{ end }}
-			</div>
-		</div>
-	</nav>
+  <nav class="navbar navbar-expand-sm cb-navbar">
+    <div class="container">
+      <a class="navbar-brand" href="{{ base_path }}/ui/nodes">Chef Browser</a>
+      <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
+              data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
+              aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+      </button>
+      <div class="collapse navbar-collapse" id="navbarSupportedContent">
+        <ul class="navbar-nav me-auto mb-2 mb-lg-0 flex-grow-1">
+          <li class="nav-item">
+            <a class="nav-link {{ if eq .active_nav "nodes"}}active{{ end }}" href="{{ base_path }}/ui/nodes">Nodes</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link {{ if eq .active_nav "environments"}}active{{ end }}"
+               href="{{ base_path }}/ui/environments">Environments</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link {{ if eq .active_nav "roles"}}active{{ end }}" href="{{ base_path }}/ui/roles">Roles</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link {{ if eq .active_nav "databags"}}active{{ end }}" href="{{ base_path }}/ui/databags">Data
+              Bags</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link {{ if eq .active_nav "cookbooks"}}active{{ end }}" href="{{ base_path }}/ui/cookbooks">Cookbooks</a>
+          </li>
+        </ul>
+        {{ if eq .search_enabled true }}
+        <form class="d-flex flex-grow-1" role="search" action="{{ base_path }}/ui/nodes" method="GET">
+          <input id="search-box" name="q" class="form-control me-2" type="search" placeholder="Search"
+                 aria-label="Search">
+          <button class="btn cb-search-btn" type="submit">Search</button>
+        </form>
+        <script>
+          const params = new Proxy(new URLSearchParams(window.location.search), {
+            get: (searchParams, prop) => searchParams.get(prop),
+          });
+          let value = params.q
+          document.getElementById("search-box").value = value
+        </script>
+        {{ end }}
+      </div>
+    </div>
+  </nav>
 </header>
diff --git a/ui/templates/node.html b/ui/templates/node.html
index b026633..3d4d8f3 100644
--- a/ui/templates/node.html
+++ b/ui/templates/node.html
@@ -1,6 +1,6 @@
-{{define "content"}}
-    {{ include "partials/node/header" }}
+{{ define "content"}}
+{{ include "partials/node/header" }}
 
-	<h4>Attributes</h4>
-    {{ include "partials/node/attributes" }}
-{{end}}
+<h4>Attributes</h4>
+{{ include "partials/node/attributes" }}
+{{ end }}
diff --git a/ui/templates/nodes.html b/ui/templates/nodes.html
index d63e9f8..481ecab 100644
--- a/ui/templates/nodes.html
+++ b/ui/templates/nodes.html
@@ -1,8 +1,8 @@
-{{define "content"}}
-	<h2>Nodes <small class="text-muted">({{ len .nodes }})</small></h2>
-	<ul id="node-list" class="list-unstyled">
-        {{range .nodes}}
-			<li><a href="{{ base_path }}/ui/nodes/{{.}}">{{.}}</a></li>
-        {{end}}
-	</ul>
-{{end}}
+{{ define "content"}}
+<h2>Nodes <small class="text-muted">({{ len .nodes }})</small></h2>
+<ul id="node-list" class="list-unstyled">
+  {{ range .nodes }}
+  <li><a href="{{ base_path }}/ui/nodes/{{.}}">{{.}}</a></li>
+  {{ end }}
+</ul>
+{{ end }}
diff --git a/ui/templates/partials/cookbook/header.html b/ui/templates/partials/cookbook/header.html
index 3691374..21eccf2 100644
--- a/ui/templates/partials/cookbook/header.html
+++ b/ui/templates/partials/cookbook/header.html
@@ -1,63 +1,67 @@
 <div class="row align-items-center">
-	<div class="col-auto">
-		<h1 class="cookbook-headline">
-			<a href="{{ base_path }}/ui/cookbooks/{{.cookbook.Metadata.Name}}/{{.cookbook.Metadata.Version}}">{{.cookbook.Metadata.Name}}</a>
-		</h1>
-	</div>
-	<div class="col-auto">
-		<select class="form-select form-select-sm" id="cookbook-versions-dropdown" onchange="if (this.value) changeUrl(this.value)">
-			<option selected value="{{ .cookbook.Metadata.Version }}">{{ .cookbook.Metadata.Version }}</option>
-		</select>
-	</div>
+  <div class="col-auto">
+    <h1 class="cookbook-headline">
+      <a href="{{ base_path }}/ui/cookbooks/{{.cookbook.Metadata.Name}}/{{.cookbook.Metadata.Version}}">
+        {{.cookbook.Metadata.Name}}</a>
+    </h1>
+  </div>
+  <div class="col-auto">
+    <select class="form-select form-select-sm" id="cookbook-versions-dropdown"
+            onchange="if (this.value) changeUrl(this.value)">
+      <option selected value="{{ .cookbook.Metadata.Version }}">{{ .cookbook.Metadata.Version }}</option>
+    </select>
+  </div>
 </div>
 <div class="row">
-	<p class="lead">{{ .cookbook.Metadata.Description }}</p>
+  <p class="lead">{{ .cookbook.Metadata.Description }}</p>
 </div>
 <script>
-    baseUrl = {{ base_path }}
-	async function fetchVersions() {
-		const response = await fetch(baseUrl + '/api/cookbooks/{{.cookbook.Metadata.Name}}/versions');
-		const data = await response.json();
-		return data
-	}
+  baseUrl = {{ base_path }}
+    async function fetchVersions() {
+      const response = await fetch(baseUrl + '/api/cookbooks/{{.cookbook.Metadata.Name}}/versions');
+      const data = await response.json();
+      return data
+    }
 
-	let selectBox = document.getElementById("cookbook-versions-dropdown");
-	fetchVersions().then(
-		function(resp) {
-			resp.forEach(v => {
-				var opt = document.createElement("option");
-				opt.text = v
-				opt.value = v
-				if (v === "{{ .cookbook.Metadata.Version }}") {
-					opt.selected = true
-				}
-				selectBox.appendChild(opt)
-			});
-			selectBox.removeChild(selectBox.firstElementChild)
-		}
-	);
+  let selectBox = document.getElementById("cookbook-versions-dropdown");
+  fetchVersions().then(
+    function (resp) {
+      resp.forEach(v => {
+        var opt = document.createElement("option");
+        opt.text = v
+        opt.value = v
+        if (v === "{{ .cookbook.Metadata.Version }}") {
+          opt.selected = true
+        }
+        selectBox.appendChild(opt)
+      });
+      selectBox.removeChild(selectBox.firstElementChild)
+    }
+  );
 
-	function changeUrl(v) {
-        const latestPath = '/{{.cookbook.Metadata.Name}}/_latest';
-        const versionedPath = '/{{.cookbook.Metadata.Name}}/{{.cookbook.Metadata.Version}}';
-        const currentPath = window.location.pathname;
-        const searchTerm = currentPath.includes(latestPath) ? latestPath : versionedPath;
-        window.location.href = currentPath.replace(searchTerm, '/{{.cookbook.Metadata.Name}}/'+v);
-	}
+  function changeUrl(v) {
+    const latestPath = '/{{.cookbook.Metadata.Name}}/_latest';
+    const versionedPath = '/{{.cookbook.Metadata.Name}}/{{.cookbook.Metadata.Version}}';
+    const currentPath = window.location.pathname;
+    const searchTerm = currentPath.includes(latestPath) ? latestPath : versionedPath;
+    window.location.href = currentPath.replace(searchTerm, '/{{.cookbook.Metadata.Name}}/' + v);
+  }
 </script>
 <div class="col">
-	<ul class="nav nav-tabs justify-content-end">
-		<li class="nav-item">
-			<a class="nav-link {{ if eq .active_tab "recipes"}}active{{end}}"
-			   href="{{ base_path }}/ui/cookbooks/{{.cookbook.Metadata.Name}}/{{.cookbook.Metadata.Version}}/recipes" data-bs-target="#recipes-tab-pane">Recipes</a>
-		</li>
-		<li class="nav-item">
-			<a class="nav-link {{ if eq .active_tab "files"}}active{{end}}"
-			   href="{{ base_path }}/ui/cookbooks/{{.cookbook.Metadata.Name}}/{{.cookbook.Metadata.Version}}/files" data-bs-target="#files-tab-pane">Files</a>
-		</li>
-		<li class="nav-item">
-			<a class="nav-link {{ if eq .active_tab "overview"}}active{{end}}" data-bs-target="#overview-tab-pane"
-			   href="{{ base_path }}/ui/cookbooks/{{.cookbook.Metadata.Name}}/{{.cookbook.Metadata.Version}}">Overview</a>
-		</li>
-	</ul>
+  <ul class="nav nav-tabs justify-content-end">
+    <li class="nav-item">
+      <a class="nav-link {{ if eq .active_tab "recipes"}}active{{ end }}"
+         href="{{ base_path }}/ui/cookbooks/{{.cookbook.Metadata.Name}}/{{.cookbook.Metadata.Version}}/recipes"
+         data-bs-target="#recipes-tab-pane">Recipes</a>
+    </li>
+    <li class="nav-item">
+      <a class="nav-link {{ if eq .active_tab "files"}}active{{ end }}"
+         href="{{ base_path }}/ui/cookbooks/{{.cookbook.Metadata.Name}}/{{.cookbook.Metadata.Version}}/files"
+         data-bs-target="#files-tab-pane">Files</a>
+    </li>
+    <li class="nav-item">
+      <a class="nav-link {{ if eq .active_tab "overview"}}active{{ end }}" data-bs-target="#overview-tab-pane"
+         href="{{ base_path }}/ui/cookbooks/{{.cookbook.Metadata.Name}}/{{.cookbook.Metadata.Version}}">Overview</a>
+    </li>
+  </ul>
 </div>
diff --git a/ui/templates/partials/cookbook_file_list.html b/ui/templates/partials/cookbook_file_list.html
index be69025..0b41ef5 100644
--- a/ui/templates/partials/cookbook_file_list.html
+++ b/ui/templates/partials/cookbook_file_list.html
@@ -1,60 +1,67 @@
 <h4>Cookbook</h4>
 <ul class="list-unstyled">
-    {{ range .cookbook.RootFiles }}
-		<li><a href="{{ base_path }}/ui/cookbooks/{{ $.cookbook.Metadata.Name }}/{{ $.cookbook.Metadata.Version }}/file/{{ .Path }}">{{ .Path }}</a></li>
-    {{ end }}
+  {{ range .cookbook.RootFiles }}
+  <li><a href="{{ base_path }}/ui/cookbooks/{{ $.cookbook.Metadata.Name }}/{{ $.cookbook.Metadata.Version }}/file/
+    {{ .Path }}">{{ .Path }}</a></li>
+  {{ end }}
 </ul>
 
 {{ if .cookbook.Attributes }}
 <h4>Attributes</h4>
 <ul class="list-unstyled">
-    {{ range .cookbook.Attributes }}
-		<li><a href="{{ base_path }}/ui/cookbooks/{{ $.cookbook.Metadata.Name }}/{{ $.cookbook.Metadata.Version }}/file/{{ .Path }}">{{ .Path }}</a></li>
-    {{ end }}
+  {{ range .cookbook.Attributes }}
+  <li><a href="{{ base_path }}/ui/cookbooks/{{ $.cookbook.Metadata.Name }}/{{ $.cookbook.Metadata.Version }}/file/
+    {{ .Path }}">{{ .Path }}</a></li>
+  {{ end }}
 </ul>
 {{ end }}
 
 {{ if .cookbook.Recipes }}
 <h4>Recipes</h4>
 <ul class="list-unstyled">
-    {{ range .cookbook.Recipes }}
-		<li><a href="{{ base_path }}/ui/cookbooks/{{ $.cookbook.Metadata.Name }}/{{ $.cookbook.Metadata.Version }}/file/{{ .Path }}">{{ .Path }}</a></li>
-    {{ end }}
+  {{ range .cookbook.Recipes }}
+  <li><a href="{{ base_path }}/ui/cookbooks/{{ $.cookbook.Metadata.Name }}/{{ $.cookbook.Metadata.Version }}/file/
+    {{ .Path }}">{{ .Path }}</a></li>
+  {{ end }}
 </ul>
 {{ end }}
 
 {{ if .cookbook.Libraries }}
 <h4>Libraries</h4>
 <ul class="list-unstyled">
-    {{ range .cookbook.Libraries }}
-		<li><a href="{{ base_path }}/ui/cookbooks/{{ $.cookbook.Metadata.Name }}/{{ $.cookbook.Metadata.Version }}/file/{{ .Path }}">{{ .Path }}</a></li>
-    {{ end }}
+  {{ range .cookbook.Libraries }}
+  <li><a href="{{ base_path }}/ui/cookbooks/{{ $.cookbook.Metadata.Name }}/{{ $.cookbook.Metadata.Version }}/file/
+    {{ .Path }}">{{ .Path }}</a></li>
+  {{ end }}
 </ul>
 {{ end }}
 
 {{ if .cookbook.Templates }}
 <h4>Templates</h4>
 <ul class="list-unstyled">
-    {{ range .cookbook.Templates }}
-		<li><a href="{{ base_path }}/ui/cookbooks/{{ $.cookbook.Metadata.Name }}/{{ $.cookbook.Metadata.Version }}/file/{{ .Path }}">{{ .Path }}</a></li>
-    {{ end }}
+  {{ range .cookbook.Templates }}
+  <li><a href="{{ base_path }}/ui/cookbooks/{{ $.cookbook.Metadata.Name }}/{{ $.cookbook.Metadata.Version }}/file/
+    {{ .Path }}">{{ .Path }}</a></li>
+  {{ end }}
 </ul>
 {{ end }}
 
 {{ if .cookbook.Files }}
 <h4>Files</h4>
 <ul class="list-unstyled">
-    {{ range .cookbook.Files }}
-		<li><a href="{{ base_path }}/ui/cookbooks/{{ $.cookbook.Metadata.Name }}/{{ $.cookbook.Metadata.Version }}/file/{{ .Path }}">{{ .Path }}</a></li>
-    {{ end }}
+  {{ range .cookbook.Files }}
+  <li><a href="{{ base_path }}/ui/cookbooks/{{ $.cookbook.Metadata.Name }}/{{ $.cookbook.Metadata.Version }}/file/
+    {{ .Path }}">{{ .Path }}</a></li>
+  {{ end }}
 </ul>
 {{ end }}
 
 {{ if .cookbook.Resources }}
 <h4>Resources</h4>
 <ul class="list-unstyled">
-    {{ range .cookbook.Resources }}
-		<li><a href="{{ base_path }}/ui/cookbooks/{{ $.cookbook.Metadata.Name }}/{{ $.cookbook.Metadata.Version }}/file/{{ .Path }}">{{ .Path }}</a></li>
-	{{ end }}
+  {{ range .cookbook.Resources }}
+  <li><a href="{{ base_path }}/ui/cookbooks/{{ $.cookbook.Metadata.Name }}/{{ $.cookbook.Metadata.Version }}/file/
+    {{ .Path }}">{{ .Path }}</a></li>
+  {{ end }}
 </ul>
 {{ end }}
diff --git a/ui/templates/partials/cookbook_metadata.html b/ui/templates/partials/cookbook_metadata.html
index c6133c2..6f43882 100644
--- a/ui/templates/partials/cookbook_metadata.html
+++ b/ui/templates/partials/cookbook_metadata.html
@@ -1,49 +1,49 @@
 <div id="metadata">
-	<dl class="row">
-		<dt>Name</dt>
-		<dd>{{.metadata.Name}}</dd>
-		<dt>Description</dt>
-		<dd>{{.metadata.Description}}</dd>
-		<dt>Maintainer</dt>
-		<dd>{{.metadata.Maintainer}} <{{.metadata.MaintainerEmail}}></dd>
-		<dt>License</dt>
-		<dd>{{.metadata.License}}</dd>
-		{{ if .metadata.SourceUrl }}
-		<dt>Source URL</dt>
-		<dd><a target="_blank" href="{{.metadata.SourceUrl}}">{{.metadata.SourceUrl}}</a></dd>
-		{{ end }}
-		{{ if .metadata.IssueUrl }}
-		<dt>Issue URL</dt>
-		<dd><a target="_blank" href="{{.metadata.IssueUrl}}">{{.metadata.IssueUrl}}</a></dd>
-		{{ end }}
-		<dt>Dependencies</dt>
-		<dd>
-			<ul class="list-unstyled">
-            {{ range $cookbook, $version := .metadata.Depends}}
-				<li>{{$cookbook}} {{$version}}</li>
-			{{end}}
-			</ul>
-		</dd>
-		{{ if .metadata.ChefVersion }}
-		<dt>Required Chef Infra Client Version</dt>
-		<dd>{{ .metadata.ChefVersion}}</dd>
-		{{ end }}
-		{{ if .metadata.Platforms }}
-		<dt>Supported Platforms</dt>
-		<dd>
-			<ul class="list-unstyled">
-            {{ range $platform, $version := .metadata.Platforms}}
-				<li>{{$platform}} {{$version}}</li>
-            {{end}}
-			</ul>
-		</dd>
-		{{ end }}
-		{{ if .metadata.Gems }}
-		<dt>Gems</dt>
-		<dd>
-            {{.metadata.Gems}}
-		</dd>
-		{{ end }}
-	</dl>
+  <dl class="row">
+    <dt>Name</dt>
+    <dd>{{.metadata.Name}}</dd>
+    <dt>Description</dt>
+    <dd>{{.metadata.Description}}</dd>
+    <dt>Maintainer</dt>
+    <dd>{{.metadata.Maintainer}} <{{.metadata.MaintainerEmail}}></dd>
+    <dt>License</dt>
+    <dd>{{.metadata.License}}</dd>
+    {{ if .metadata.SourceUrl }}
+    <dt>Source URL</dt>
+    <dd><a target="_blank" href="{{.metadata.SourceUrl}}">{{.metadata.SourceUrl}}</a></dd>
+    {{ end }}
+    {{ if .metadata.IssueUrl }}
+    <dt>Issue URL</dt>
+    <dd><a target="_blank" href="{{.metadata.IssueUrl}}">{{.metadata.IssueUrl}}</a></dd>
+    {{ end }}
+    <dt>Dependencies</dt>
+    <dd>
+      <ul class="list-unstyled">
+        {{ range $cookbook, $version := .metadata.Depends}}
+        <li>{{$cookbook}} {{$version}}</li>
+        {{ end }}
+      </ul>
+    </dd>
+    {{ if .metadata.ChefVersion }}
+    <dt>Required Chef Infra Client Version</dt>
+    <dd>{{ .metadata.ChefVersion}}</dd>
+    {{ end }}
+    {{ if .metadata.Platforms }}
+    <dt>Supported Platforms</dt>
+    <dd>
+      <ul class="list-unstyled">
+        {{ range $platform, $version := .metadata.Platforms}}
+        <li>{{$platform}} {{$version}}</li>
+        {{ end }}
+      </ul>
+    </dd>
+    {{ end }}
+    {{ if .metadata.Gems }}
+    <dt>Gems</dt>
+    <dd>
+      {{.metadata.Gems}}
+    </dd>
+    {{ end }}
+  </dl>
 </div>
 
diff --git a/ui/templates/partials/cookbook_readme.html b/ui/templates/partials/cookbook_readme.html
index efb40cd..cf8c2f9 100644
--- a/ui/templates/partials/cookbook_readme.html
+++ b/ui/templates/partials/cookbook_readme.html
@@ -1,7 +1,7 @@
 <div id="readme-md"></div>
 <script>
-	document.addEventListener('DOMContentLoaded', () => {
-		document.getElementById('readme-md').innerHTML = DOMPurify.sanitize(marked.parse('{{ .readme }}'))
-	})
+  document.addEventListener('DOMContentLoaded', () => {
+    document.getElementById('readme-md').innerHTML = DOMPurify.sanitize(marked.parse('{{ .readme }}'))
+  })
 </script>
 
diff --git a/ui/templates/partials/node/attributes.html b/ui/templates/partials/node/attributes.html
index a7fc253..630e034 100644
--- a/ui/templates/partials/node/attributes.html
+++ b/ui/templates/partials/node/attributes.html
@@ -1,87 +1,87 @@
 <!-- Attributes -->
 <ul class="nav nav-tabs">
-	<li class="nav-item">
-		<a class="nav-link active" data-bs-toggle="tab" data-bs-target="#merged-tab-pane">Merged</a>
-	</li>
-	<li class="nav-item">
-		<a class="nav-link" data-bs-toggle="tab" data-bs-target="#default-tab-pane">Default</a>
-	</li>
-	<li class="nav-item">
-		<a class="nav-link" data-bs-toggle="tab" data-bs-target="#normal-tab-pane">Normal</a>
-	</li>
-	<li class="nav-item">
-		<a class="nav-link" data-bs-toggle="tab" data-bs-target="#override-tab-pane">Override</a>
-	</li>
-	<li class="nav-item">
-		<a class="nav-link" data-bs-toggle="tab" data-bs-target="#automatic-tab-pane">Automatic</a>
-	</li>
+  <li class="nav-item">
+    <a class="nav-link active" data-bs-toggle="tab" data-bs-target="#merged-tab-pane">Merged</a>
+  </li>
+  <li class="nav-item">
+    <a class="nav-link" data-bs-toggle="tab" data-bs-target="#default-tab-pane">Default</a>
+  </li>
+  <li class="nav-item">
+    <a class="nav-link" data-bs-toggle="tab" data-bs-target="#normal-tab-pane">Normal</a>
+  </li>
+  <li class="nav-item">
+    <a class="nav-link" data-bs-toggle="tab" data-bs-target="#override-tab-pane">Override</a>
+  </li>
+  <li class="nav-item">
+    <a class="nav-link" data-bs-toggle="tab" data-bs-target="#automatic-tab-pane">Automatic</a>
+  </li>
 </ul>
 <div class="tab-content" id="myTabContent">
-	<div class="tab-pane active" id="merged-tab-pane" role="tabpanel">
-		<div class="table-responsive">
-			<table class="table table-striped table-sm node-attr-table">
-				<tbody id="merged-tbody"></tbody>
-			</table>
-		</div>
-	</div>
-	<div class="tab-pane" id="default-tab-pane" role="tabpanel">
-		<div class="table-responsive">
-			<table class="table table-striped table-sm">
-				<tbody id="default-tbody"></tbody>
-			</table>
-		</div>
-	</div>
-	<div class="tab-pane" id="normal-tab-pane" role="tabpanel">
-		<div class="table-responsive">
-			<table class="table table-striped table-sm">
-				<tbody id="normal-tbody"></tbody>
-			</table>
-		</div>
-	</div>
-	<div class="tab-pane" id="override-tab-pane" role="tabpanel">
-		<div class="table-responsive">
-			<table class="table table-striped table-sm">
-				<tbody id="override-tbody"></tbody>
-			</table>
-		</div>
-	</div>
-	<div class="tab-pane" id="automatic-tab-pane" role="tabpanel">
-		<div class="table-responsive">
-			<table class="table table-striped table-sm">
-				<tbody id="automatic-tbody"></tbody>
-			</table>
-		</div>
-	</div>
+  <div class="tab-pane active" id="merged-tab-pane" role="tabpanel">
+    <div class="table-responsive">
+      <table class="table table-striped table-sm node-attr-table">
+        <tbody id="merged-tbody"></tbody>
+      </table>
+    </div>
+  </div>
+  <div class="tab-pane" id="default-tab-pane" role="tabpanel">
+    <div class="table-responsive">
+      <table class="table table-striped table-sm">
+        <tbody id="default-tbody"></tbody>
+      </table>
+    </div>
+  </div>
+  <div class="tab-pane" id="normal-tab-pane" role="tabpanel">
+    <div class="table-responsive">
+      <table class="table table-striped table-sm">
+        <tbody id="normal-tbody"></tbody>
+      </table>
+    </div>
+  </div>
+  <div class="tab-pane" id="override-tab-pane" role="tabpanel">
+    <div class="table-responsive">
+      <table class="table table-striped table-sm">
+        <tbody id="override-tbody"></tbody>
+      </table>
+    </div>
+  </div>
+  <div class="tab-pane" id="automatic-tab-pane" role="tabpanel">
+    <div class="table-responsive">
+      <table class="table table-striped table-sm">
+        <tbody id="automatic-tbody"></tbody>
+      </table>
+    </div>
+  </div>
 </div>
 
 <script>
-	const flattenJSON = (obj = {}, res = {}, extraKey = '') => {
-		for (let key in obj) {
-			if (typeof obj[key] !== 'object') {
-				res[extraKey + key] = obj[key];
-			} else {
-				flattenJSON(obj[key], res, `${extraKey}${key}.`)
-			}
-		}
-		return res;
-	};
+  const flattenJSON = (obj = {}, res = {}, extraKey = '') => {
+    for (let key in obj) {
+      if (typeof obj[key] !== 'object') {
+        res[extraKey + key] = obj[key];
+      } else {
+        flattenJSON(obj[key], res, `${extraKey}${key}.`)
+      }
+    }
+    return res;
+  };
 
-	let attrs = {
-		"merged": {{ .node.MergedAttributes }},
-		"default": {{ .node.DefaultAttributes }},
-		"normal": {{ .node.NormalAttributes }},
-		"override": {{ .node.OverrideAttributes }},
-		"automatic": {{ .node.AutomaticAttributes }}
-	}
+  let attrs = {
+    "merged": {{ .node.MergedAttributes }},
+    "default": {{ .node.DefaultAttributes }},
+    "normal": {{ .node.NormalAttributes }},
+    "override": {{ .node.OverrideAttributes }},
+    "automatic": {{ .node.AutomaticAttributes }}
+  }
 
-	let flattenedAttrs;
-	for (const [attrClass, attrObj] of Object.entries(attrs)) {
-		let attrTbody = document.getElementById(`${attrClass}-tbody`)
-		let l = []
-		flattenedAttrs = flattenJSON(attrObj, {}, '$.')
-		for (const property in flattenedAttrs) {
-			l.push(`<tr><td class="attribute-key">${property}</td><td><code>${flattenedAttrs[property]}</code></td>`)
-		}
-		attrTbody.innerHTML = l.join('')
-	}
+  let flattenedAttrs;
+  for (const [attrClass, attrObj] of Object.entries(attrs)) {
+    let attrTbody = document.getElementById(`${attrClass}-tbody`)
+    let l = []
+    flattenedAttrs = flattenJSON(attrObj, {}, '$.')
+    for (const property in flattenedAttrs) {
+      l.push(`<tr><td class="attribute-key">${property}</td><td><code>${flattenedAttrs[property]}</code></td>`)
+    }
+    attrTbody.innerHTML = l.join('')
+  }
 </script>
diff --git a/ui/templates/partials/node/header.html b/ui/templates/partials/node/header.html
index 06106c7..606ff72 100644
--- a/ui/templates/partials/node/header.html
+++ b/ui/templates/partials/node/header.html
@@ -1,61 +1,63 @@
 <div class="d-flex">
-	<h2 class="node-headline flex-grow-1 mb-0">{{ .node.Name }}
-		{{ if index .node.AutomaticAttributes "ipaddress" }}
-		<small class="text-muted">({{ index .node.AutomaticAttributes "ipaddress" }})</small>
-		{{ end }}
-	</h2>
-	<div class="node-highlights">
-		<!-- badges will go here eventually (#74) -->
-	</div>
+  <h2 class="node-headline flex-grow-1 mb-0">{{ .node.Name }}
+    {{ if index .node.AutomaticAttributes "ipaddress" }}
+    <small class="text-muted">({{ index .node.AutomaticAttributes "ipaddress" }})</small>
+    {{ end }}
+  </h2>
+  <div class="node-highlights">
+    <!-- badges will go here eventually (#74) -->
+  </div>
 </div>
 
 <hr>
 <div class="node-details d-flex">
-	<ul class="list-unstyled flex-grow-1">
-		{{ if .node.PolicyName }}
-		<li>
-			<strong>Policy:</strong>
-			<a href="{{ base_path }}/ui/policies/{{ .node.PolicyName }}">{{ .node.PolicyName }}</a>
-		</li>
-		<li>
-			<strong>Policy Group:</strong>
-			<a href="{{ base_path }}/ui/policy-groups/{{ .node.PolicyGroup }}">{{ .node.PolicyGroup }}</a>
-		</li>
-		{{ else }}
-		<li>
-			<strong>Environment:</strong>
-			<a href="{{ base_path }}/ui/environments/{{ .node.Environment}}">{{ .node.Environment}}</a>
-		</li>
-		{{ end }}
-		<li><strong>Run List:</strong>
-			<ul class="list-inline">
-				{{ range .node.RunList }}
-				<li class="list-inline-item"><a href="{{ base_path }}/ui/{{ makeRunListURL . }}">{{.}}</a></li>
-				{{end}}
-			</ul>
-		</li>
-	</ul>
-	<div class="node-highlights text-end">
-		<!-- TODO: write template function to check nested values because this is ridiculous -->
-		{{ if index .node.AutomaticAttributes "lsb" }}
-		{{ if index .node.AutomaticAttributes "lsb" "description" }}
-		<div><span class="text-muted">OS:</span> <span>{{ index .node.AutomaticAttributes "lsb" "description" }}</span></div>
-		{{ end }}{{ end }}
-		{{ if index .node.AutomaticAttributes "chef_packages"}}
-		{{ if index .node.AutomaticAttributes "chef_packages" "chef" }}
-		{{ if index .node.AutomaticAttributes "chef_packages" "chef" "version" }}
-		<div><span class="text-muted">Chef version:</span> <span>{{ index .node.AutomaticAttributes "chef_packages" "chef" "version" }}</span></div>
-		{{ end }}{{ end }}{{ end }}
-		{{ if index .node.AutomaticAttributes "ohai_time" }}
-		<div><span class="text-muted">Last chef run:</span> <span id="last-run-timestamp"></span></div>
-		<script type="module">
-			let el = document.getElementById('last-run-timestamp')
-			let ohaiTime = '{{ index .node.AutomaticAttributes "ohai_time" }}'
-			let lastRun = dayjs.unix(ohaiTime)
-			el.innerText = dayjs().to(lastRun)
-			el.title = lastRun
-		</script>
-		{{ end }}
-	</div>
+  <ul class="list-unstyled flex-grow-1">
+    {{ if .node.PolicyName }}
+    <li>
+      <strong>Policy:</strong>
+      <a href="{{ base_path }}/ui/policies/{{ .node.PolicyName }}">{{ .node.PolicyName }}</a>
+    </li>
+    <li>
+      <strong>Policy Group:</strong>
+      <a href="{{ base_path }}/ui/policy-groups/{{ .node.PolicyGroup }}">{{ .node.PolicyGroup }}</a>
+    </li>
+    {{ else }}
+    <li>
+      <strong>Environment:</strong>
+      <a href="{{ base_path }}/ui/environments/{{ .node.Environment}}">{{ .node.Environment}}</a>
+    </li>
+    {{ end }}
+    <li><strong>Run List:</strong>
+      <ul class="list-inline">
+        {{ range .node.RunList }}
+        <li class="list-inline-item"><a href="{{ base_path }}/ui/{{ makeRunListURL . }}">{{.}}</a></li>
+        {{ end }}
+      </ul>
+    </li>
+  </ul>
+  <div class="node-highlights text-end">
+    <!-- TODO: write template function to check nested values because this is ridiculous -->
+    {{ if index .node.AutomaticAttributes "lsb" }}
+    {{ if index .node.AutomaticAttributes "lsb" "description" }}
+    <div><span class="text-muted">OS:</span> <span>{{ index .node.AutomaticAttributes "lsb" "description" }}</span>
+    </div>
+    {{ end }}{{ end }}
+    {{ if index .node.AutomaticAttributes "chef_packages"}}
+    {{ if index .node.AutomaticAttributes "chef_packages" "chef" }}
+    {{ if index .node.AutomaticAttributes "chef_packages" "chef" "version" }}
+    <div><span class="text-muted">Chef version:</span>
+      <span>{{ index .node.AutomaticAttributes "chef_packages" "chef" "version" }}</span></div>
+    {{ end }}{{ end }}{{ end }}
+    {{ if index .node.AutomaticAttributes "ohai_time" }}
+    <div><span class="text-muted">Last chef run:</span> <span id="last-run-timestamp"></span></div>
+    <script type="module">
+      let el = document.getElementById('last-run-timestamp')
+      let ohaiTime = '{{ index .node.AutomaticAttributes "ohai_time" }}'
+      let lastRun = dayjs.unix(ohaiTime)
+      el.innerText = dayjs().to(lastRun)
+      el.title = lastRun
+    </script>
+    {{ end }}
+  </div>
 </div>
 
diff --git a/ui/templates/policy-group.html b/ui/templates/policy-group.html
index cdf9bc3..a902e43 100644
--- a/ui/templates/policy-group.html
+++ b/ui/templates/policy-group.html
@@ -1,21 +1,21 @@
-{{define "content"}}
-	<h2 class="role-headline">{{ .name }}</h2>
-	<table class="table">
-		<thead>
-		<tr>
-			<th scope="col">Policy</th>
-			<th scope="col">Revision</th>
-		</tr>
-		</thead>
-		<tbody>
-        {{range $name, $revision := .policies}}
-			<tr>
-				<td>{{ $name }}</td>
-				<td>
-					<a href="{{ base_path }}/ui/policies/{{ $name }}/{{ $revision.revision_id }}">{{ $revision.revision_id }}</a>
-				</td>
-			</tr>
-        {{end }}
-		</tbody>
-	</table>
-{{end}}
+{{ define "content"}}
+<h2 class="role-headline">{{ .name }}</h2>
+<table class="table">
+  <thead>
+  <tr>
+    <th scope="col">Policy</th>
+    <th scope="col">Revision</th>
+  </tr>
+  </thead>
+  <tbody>
+  {{ range $name, $revision := .policies}}
+  <tr>
+    <td>{{ $name }}</td>
+    <td>
+      <a href="{{ base_path }}/ui/policies/{{ $name }}/{{ $revision.revision_id }}">{{ $revision.revision_id }}</a>
+    </td>
+  </tr>
+  {{ end }}
+  </tbody>
+</table>
+{{ end }}
diff --git a/ui/templates/policy-groups.html b/ui/templates/policy-groups.html
index e293b6a..043734f 100644
--- a/ui/templates/policy-groups.html
+++ b/ui/templates/policy-groups.html
@@ -1,4 +1,4 @@
-{{define "content"}}
-	<h2>Policy Groups</h2>
-    {{ . }}
-{{end}}
+{{ define "content"}}
+<h2>Policy Groups</h2>
+{{ . }}
+{{ end }}
diff --git a/ui/templates/policy-revision.html b/ui/templates/policy-revision.html
index 801c9f3..5417a4e 100644
--- a/ui/templates/policy-revision.html
+++ b/ui/templates/policy-revision.html
@@ -1,62 +1,62 @@
-{{define "content"}}
-	<h2 class="role-headline">{{ .name }}</h2>
-	<p class="lead">{{ .revision }}</p>
-	<hr>
-	<ul class="list-unstyled">
-		<li><strong>Run List:</strong>
-			<ul class="list-inline">
-                {{ range .policy.RunList }}
-					<!-- TODO: this should probably use cookbook_artifacts instead of the legacy cookbook endpoint -->
-					<li class="list-inline-item"><a href="{{ base_path }}/ui/{{ makeRunListURL . }}">{{.}}</a></li>
-                {{end}}
-			</ul>
-		</li>
-	</ul>
+{{ define "content"}}
+<h2 class="role-headline">{{ .name }}</h2>
+<p class="lead">{{ .revision }}</p>
+<hr>
+<ul class="list-unstyled">
+  <li><strong>Run List:</strong>
+    <ul class="list-inline">
+      {{ range .policy.RunList }}
+      <!-- TODO: this should probably use cookbook_artifacts instead of the legacy cookbook endpoint -->
+      <li class="list-inline-item"><a href="{{ base_path }}/ui/{{ makeRunListURL . }}">{{.}}</a></li>
+      {{ end }}
+    </ul>
+  </li>
+</ul>
 
-	<h4>Cookbook Locks</h4>
-	<ul class="list-unstyled">
-        {{ range $name, $value := .policy.CookbookLocks }}
-			<li>{{ $name }} = {{ $value.Version }}</li>
-        {{end}}
-	</ul>
+<h4>Cookbook Locks</h4>
+<ul class="list-unstyled">
+  {{ range $name, $value := .policy.CookbookLocks }}
+  <li>{{ $name }} = {{ $value.Version }}</li>
+  {{ end }}
+</ul>
 
-	<h4>Attributes</h4>
-	<ul class="nav nav-tabs">
-		<li class="nav-item">
-			<a class="nav-link active" data-bs-toggle="tab" data-bs-target="#default-tab-pane">Default</a>
-		</li>
-		<li class="nav-item">
-			<a class="nav-link" data-bs-toggle="tab" data-bs-target="#override-tab-pane">Override</a>
-		</li>
-	</ul>
-	<div class="tab-content" id="myTabContent">
-		<div class="tab-pane active" id="default-tab-pane" role="tabpanel">
-			<div class="table-responsive">
-				<table class="table table-striped table-sm">
-					<tbody>
-                    {{ range $index, $value := .policy.DefaultAttributes }}
-						<tr>
-							<td><span class="policy-attribute-key">{{$index}}</span></td>
-							<td><span class="policy-attribute-value"><code class="text-break">{{$value}}</code></span></td>
-						</tr>
-                    {{ end }}
-					</tbody>
-				</table>
-			</div>
-		</div>
-		<div class="tab-pane" id="override-tab-pane" role="tabpanel">
-			<div class="table-responsive">
-				<table class="table table-striped table-sm">
-					<tbody>
-                    {{ range $index, $value := .policy.OverrideAttributes }}
-						<tr>
-							<td><span class="policy-attribute-key">{{$index}}</span></td>
-							<td><span class="policy-attribute-value"><code class="text-break">{{$value}}</code></span></td>
-						</tr>
-                    {{ end }}
-					</tbody>
-				</table>
-			</div>
-		</div>
-	</div>
-{{end}}
+<h4>Attributes</h4>
+<ul class="nav nav-tabs">
+  <li class="nav-item">
+    <a class="nav-link active" data-bs-toggle="tab" data-bs-target="#default-tab-pane">Default</a>
+  </li>
+  <li class="nav-item">
+    <a class="nav-link" data-bs-toggle="tab" data-bs-target="#override-tab-pane">Override</a>
+  </li>
+</ul>
+<div class="tab-content" id="myTabContent">
+  <div class="tab-pane active" id="default-tab-pane" role="tabpanel">
+    <div class="table-responsive">
+      <table class="table table-striped table-sm">
+        <tbody>
+        {{ range $index, $value := .policy.DefaultAttributes }}
+        <tr>
+          <td><span class="policy-attribute-key">{{$index}}</span></td>
+          <td><span class="policy-attribute-value"><code class="text-break">{{$value}}</code></span></td>
+        </tr>
+        {{ end }}
+        </tbody>
+      </table>
+    </div>
+  </div>
+  <div class="tab-pane" id="override-tab-pane" role="tabpanel">
+    <div class="table-responsive">
+      <table class="table table-striped table-sm">
+        <tbody>
+        {{ range $index, $value := .policy.OverrideAttributes }}
+        <tr>
+          <td><span class="policy-attribute-key">{{$index}}</span></td>
+          <td><span class="policy-attribute-value"><code class="text-break">{{$value}}</code></span></td>
+        </tr>
+        {{ end }}
+        </tbody>
+      </table>
+    </div>
+  </div>
+</div>
+{{ end }}
diff --git a/ui/templates/policy.html b/ui/templates/policy.html
index e00110a..123ec35 100644
--- a/ui/templates/policy.html
+++ b/ui/templates/policy.html
@@ -1,10 +1,10 @@
-{{define "content"}}
-	<h2 class="role-headline">{{ .name }}</h2>
-	<ul class="list-unstyled">
-        {{range $revision, $idx := .policy.revisions}}
-			<li>
-				<a href="{{ base_path }}/ui/policies/{{ $.name }}/{{ $revision }}">{{ $revision }}</a>
-			</li>
-        {{end }}
-	</ul>
-{{end}}
+{{ define "content"}}
+<h2 class="role-headline">{{ .name }}</h2>
+<ul class="list-unstyled">
+  {{ range $revision, $idx := .policy.revisions}}
+  <li>
+    <a href="{{ base_path }}/ui/policies/{{ $.name }}/{{ $revision }}">{{ $revision }}</a>
+  </li>
+  {{ end }}
+</ul>
+{{ end }}
diff --git a/ui/templates/role.html b/ui/templates/role.html
index 68cd2dd..f05da44 100644
--- a/ui/templates/role.html
+++ b/ui/templates/role.html
@@ -1,75 +1,76 @@
-{{define "content"}}
-	<div class="row">
-		<div class="d-flex">
-			<div class="flex-grow-1">
-				<h2 class="role-headline">{{.role.Name}}</h2>
-				<p class="lead">{{.role.Description}}</p>
-			</div>
-			<div class="">
-				<a type="button" href="{{ base_path }}/ui/nodes?q=roles:{{.role.Name}}" class="btn btn-outline-primary">View Nodes</a>
-			</div>
-		</div>
-	</div>
+{{ define "content"}}
+<div class="row">
+  <div class="d-flex">
+    <div class="flex-grow-1">
+      <h2 class="role-headline">{{.role.Name}}</h2>
+      <p class="lead">{{.role.Description}}</p>
+    </div>
+    <div class="">
+      <a type="button" href="{{ base_path }}/ui/nodes?q=roles:{{.role.Name}}" class="btn btn-outline-primary">View
+        Nodes</a>
+    </div>
+  </div>
+</div>
 
-	<h4>Run-List</h4>
-	<ul class="list-inline">
-        {{ range .role.RunList }}
-			<li class="list-inline-item"><a href="{{ base_path }}/ui/{{ makeRunListURL . }}">{{.}}</a></li>
-        {{end}}
-	</ul>
+<h4>Run-List</h4>
+<ul class="list-inline">
+  {{ range .role.RunList }}
+  <li class="list-inline-item"><a href="{{ base_path }}/ui/{{ makeRunListURL . }}">{{.}}</a></li>
+  {{ end }}
+</ul>
 
-	<h4>Attributes</h4>
-	<ul class="nav nav-tabs">
-		<li class="nav-item">
-			<a class="nav-link active" data-bs-toggle="tab" data-bs-target="#default-tab-pane">Default</a>
-		</li>
-		<li class="nav-item">
-			<a class="nav-link" data-bs-toggle="tab" data-bs-target="#override-tab-pane">Override</a>
-		</li>
-	</ul>
-	<div class="tab-content" id="myTabContent">
-		<div class="tab-pane active" id="default-tab-pane" role="tabpanel">
-			<div class="table-responsive">
-				<table class="table table-striped table-sm">
-					<tbody id="default-tbody"></tbody>
-				</table>
-			</div>
-		</div>
-		<div class="tab-pane" id="override-tab-pane" role="tabpanel">
-			<div class="table-responsive">
-				<table class="table table-striped table-sm">
-					<tbody id="override-tbody"></tbody>
-				</table>
-			</div>
-		</div>
-	</div>
+<h4>Attributes</h4>
+<ul class="nav nav-tabs">
+  <li class="nav-item">
+    <a class="nav-link active" data-bs-toggle="tab" data-bs-target="#default-tab-pane">Default</a>
+  </li>
+  <li class="nav-item">
+    <a class="nav-link" data-bs-toggle="tab" data-bs-target="#override-tab-pane">Override</a>
+  </li>
+</ul>
+<div class="tab-content" id="myTabContent">
+  <div class="tab-pane active" id="default-tab-pane" role="tabpanel">
+    <div class="table-responsive">
+      <table class="table table-striped table-sm">
+        <tbody id="default-tbody"></tbody>
+      </table>
+    </div>
+  </div>
+  <div class="tab-pane" id="override-tab-pane" role="tabpanel">
+    <div class="table-responsive">
+      <table class="table table-striped table-sm">
+        <tbody id="override-tbody"></tbody>
+      </table>
+    </div>
+  </div>
+</div>
 
-	<script>
-		const flattenJSON = (obj = {}, res = {}, extraKey = '') => {
-			for (let key in obj) {
-				if (typeof obj[key] !== 'object') {
-					res[extraKey + key] = obj[key];
-				} else {
-					flattenJSON(obj[key], res, `${extraKey}${key}.`)
-				}
-			}
-			return res;
-		};
+<script>
+  const flattenJSON = (obj = {}, res = {}, extraKey = '') => {
+    for (let key in obj) {
+      if (typeof obj[key] !== 'object') {
+        res[extraKey + key] = obj[key];
+      } else {
+        flattenJSON(obj[key], res, `${extraKey}${key}.`)
+      }
+    }
+    return res;
+  };
 
-		let attrs = {
-		  "default": {{ .role.DefaultAttributes }},
-		  "override": {{ .role.OverrideAttributes }}
-		}
+  let attrs = {
+    "default": {{ .role.DefaultAttributes }},
+    "override": {{ .role.OverrideAttributes }}
+  }
 
-		let flattenedAttrs;
-		for (const [attrClass, attrObj] of Object.entries(attrs)) {
-			let attrTbody = document.getElementById(`${attrClass}-tbody`)
-			let l = []
-			flattenedAttrs = flattenJSON(attrObj, {}, '$.')
-			for (const property in flattenedAttrs) {
-				l.push(`<tr><td class="attribute-key">${property}</td><td><code>${flattenedAttrs[property]}</code></td>`)
-			}
-			attrTbody.innerHTML = l.join('')
-		}
-	</script>
-{{end}}
+  let flattenedAttrs;
+  for (const [attrClass, attrObj] of Object.entries(attrs)) {
+    let attrTbody = document.getElementById(`${attrClass}-tbody`)
+    let l = []
+    flattenedAttrs = flattenJSON(attrObj, {}, '$.')
+    for (const property in flattenedAttrs) {
+      l.push(`<tr><td class="attribute-key">${property}</td><td><code>${flattenedAttrs[property]}</code></td>`)
+    }
+    attrTbody.innerHTML = l.join('')
+  }
+</script>
+{{ end }}
diff --git a/ui/templates/roles.html b/ui/templates/roles.html
index 4fe27e0..345e948 100644
--- a/ui/templates/roles.html
+++ b/ui/templates/roles.html
@@ -1,8 +1,8 @@
-{{define "content"}}
-	<h2>Roles <small class="text-muted">({{ len .roles }})</small></h2>
-	<ul id="role-list" class="list-unstyled">
-        {{range .roles}}
-			<li><a href="{{ base_path }}/ui/roles/{{.}}">{{.}}</a></li>
-        {{end}}
-	</ul>
-{{end}}
+{{ define "content"}}
+<h2>Roles <small class="text-muted">({{ len .roles }})</small></h2>
+<ul id="role-list" class="list-unstyled">
+  {{ range .roles }}
+  <li><a href="{{ base_path }}/ui/roles/{{.}}">{{.}}</a></li>
+  {{ end }}
+</ul>
+{{ end }}
diff --git a/ui/vite.config.js b/ui/vite.config.js
index f0d16b2..f377c79 100644
--- a/ui/vite.config.js
+++ b/ui/vite.config.js
@@ -1,19 +1,20 @@
 const path = require('path')
-import { defineConfig } from 'vite'
+import {defineConfig} from 'vite'
+
 export default defineConfig({
-	// root: path.resolve(__dirname, 'src'),
+  // root: path.resolve(__dirname, 'src'),
 
-	// must be set to the UI root
-	base: "",
-	appType: "custom",
-	resolve: {
-		alias: {
-			'~bootstrap': path.resolve(__dirname, 'node_modules/bootstrap'),
-			'~bootswatch': path.resolve(__dirname, 'node_modules/bootswatch'),
-		}
-	},
-	build: {
-		// generate manifest.json in outDir
-		manifest: true,
-	},
+  // must be set to the UI root
+  base: "",
+  appType: "custom",
+  resolve: {
+    alias: {
+      '~bootstrap': path.resolve(__dirname, 'node_modules/bootstrap'),
+      '~bootswatch': path.resolve(__dirname, 'node_modules/bootswatch'),
+    }
+  },
+  build: {
+    // generate manifest.json in outDir
+    manifest: true,
+  },
 })