diff --git a/biome.json b/biome.json
index 921a7a5..029c240 100644
--- a/biome.json
+++ b/biome.json
@@ -27,7 +27,6 @@
 		"formatter": {
 			"quoteStyle": "double",
 			"indentStyle": "tab",
-			"lineEnding": "lf",
 			"jsxQuoteStyle": "double",
 			"semicolons": "always"
 		}
diff --git a/src/components/container/index.tsx b/src/components/container/index.tsx
index f6455df..c803359 100644
--- a/src/components/container/index.tsx
+++ b/src/components/container/index.tsx
@@ -6,7 +6,7 @@ export default () => {
                 <br />
                 <br />
                 <form role="search" action={localStorage.getItem("searchEngine") || ""} method="get">
-                    <input class="form-control me-2" autoFocus type="search" placeholder={`Search with ${localStorage.getItem("searchEngineName")}`} aria-label="Search with Google" name="q" />
+                    <input class="form-control me-2" type="search" placeholder={`Search with ${localStorage.getItem("searchEngineName")}`} aria-label="Search with Google" name="q" />
                 </form>
             </div>
         </>
diff --git a/src/components/sidebar/index.tsx b/src/components/sidebar/index.tsx
index a31145e..a5d9190 100644
--- a/src/components/sidebar/index.tsx
+++ b/src/components/sidebar/index.tsx
@@ -1,4 +1,4 @@
-const dataset = document.getElementById("html")!.dataset;
+const dataset = document.getElementById("html")?.dataset!;
 
 export default () => {
     return (
@@ -7,16 +7,16 @@ export default () => {
 
             <div class="offcanvas-header border-bottom border-secondary border-opacity-25">
 
-                <a class="sidebar-brand" href="#">
+                <span class="sidebar-brand">
                     .
-                </a>
+                </span>
 
-                <button type="button" class="btn-close d-md-none" data-bs-dismiss="offcanvas" aria-label="Close" data-bs-target="#sidebar-example"></button>
+                <button type="button" class="btn-close d-md-none" data-bs-dismiss="offcanvas" data-bs-target="#sidebar-example" />
 
             </div>
 
             <div class="offcanvas-body">
-                <label>Name</label>
+                <h6>Name</h6>
                 <form class="d-flex" id="name" onSubmit={(e) => {
                     e.preventDefault();
                     const form = document.forms.namedItem("name");
@@ -25,13 +25,13 @@ export default () => {
                     }
                 }}>
 
-                    <input name="userName" class="form-control me-2" placeholder="Set Name" aria-label="Set Name" />
+                    <input name="userName" class="form-control me-2" placeholder="Set Name" />
 
                     <button class="btn btn-primary" type="submit">Save</button>
 
                 </form>
                 <hr class="sidebar-divider" />
-                <label>Search Engine</label>
+                <h6>Search Engine</h6>
                 <form id="searchEngine" onSubmit={(e) => {
                     e.preventDefault();
                     const form = document.forms.namedItem("searchEngine");
@@ -41,15 +41,15 @@ export default () => {
                     }
                 }}>
 
-                    <input name="engine" class="form-control me-2" placeholder="e.g. https://google.com/search" aria-label="Set Search Engine" />
+                    <input name="engine" class="form-control me-2" placeholder="e.g. https://google.com/search" />
                     <br />
-                    <input name="engineName" class="form-control me-2" placeholder="e.g. Google" aria-label="Set Search Engine Name" />
+                    <input name="engineName" class="form-control me-2" placeholder="e.g. Google" />
                     <br />
                     <button class="btn btn-primary" type="submit">Save</button>
 
                 </form>
                 <hr class="sidebar-divider" />
-                <label>Weather Location</label>
+                <h6>Weather Location</h6>
                 <form class="d-flex" id="weatherLocation" onSubmit={(e) => {
                     e.preventDefault();
                     const form = document.forms.namedItem("weatherLocation");
@@ -58,45 +58,45 @@ export default () => {
                     }
                 }}>
 
-                    <input name="location" class="form-control me-2" placeholder="Leave blank for current location" aria-label="Set Search Engine" />
+                    <input name="location" class="form-control me-2" placeholder="Leave blank for current location" />
 
                     <button class="btn btn-primary" type="submit">Save</button>
 
                 </form>
 
                 <hr class="sidebar-divider" />
-                <label>Color Scheme</label>
+                <h6>Color Scheme</h6>
                 <ul class="nav nav-pills nav-fill">
                     <li class="nav-item">
-                        <button class="btn btn-primary" onClick={() => { localStorage.setItem("colorScheme", "auto"); location.reload() }}>Auto</button>
+                        <button class="btn btn-primary" type={"button"} onClick={() => { localStorage.setItem("colorScheme", "auto"); location.reload() }}>Auto</button>
                     </li>
                     <li class="nav-item">
-                        <button class="btn btn-primary" onClick={() => { localStorage.setItem("colorScheme", "light"); dataset.bsTheme = "light" }}>Light</button>
+                        <button class="btn btn-primary" type={"button"} onClick={() => { localStorage.setItem("colorScheme", "light"); dataset.bsTheme = "light" }}>Light</button>
                     </li>
                     <li class="nav-item">
-                        <button class="btn btn-primary" onClick={() => { localStorage.setItem("colorScheme", "dark"); dataset.bsTheme = "dark" }}>Dark</button>
+                        <button class="btn btn-primary" type={"button"} onClick={() => { localStorage.setItem("colorScheme", "dark"); dataset.bsTheme = "dark" }}>Dark</button>
                     </li>
                 </ul>
 
                 <hr class="sidebar-divider" />
-                <label>Theme</label>
+                <h6>Theme</h6>
                 <ul class="nav nav-pills nav-fill">
                     <li class="nav-item">
-                        <button class="btn btn-primary" onClick={() => { localStorage.setItem("theme", "default"); dataset.bsCore = "default" }}>Default</button>
+                        <button class="btn btn-primary" type={"button"} onClick={() => { localStorage.setItem("theme", "default"); dataset.bsCore = "default" }}>Default</button>
                     </li>
                     <li class="nav-item">
-                        <button class="btn btn-primary" onClick={() => { localStorage.setItem("theme", "modern"); dataset.bsCore = "modern" }}>Modern</button>
+                        <button class="btn btn-primary" type={"button"} onClick={() => { localStorage.setItem("theme", "modern"); dataset.bsCore = "modern" }}>Modern</button>
                     </li>
                     <li class="nav-item">
-                        <button class="btn btn-primary" onClick={() => { localStorage.setItem("theme", "elegant"); dataset.bsCore = "elegant" }}>Elegant</button>
+                        <button class="btn btn-primary" type={"button"} onClick={() => { localStorage.setItem("theme", "elegant"); dataset.bsCore = "elegant" }}>Elegant</button>
                     </li>
                 </ul>
                 <hr class="sidebar-divider" />
 
-                <button class="btn btn-secondary" onClick={() => {localStorage.setItem("sidebar", "false"); location.reload()}}>Save & Close</button>
+                <button class="btn btn-secondary" type={"button"} onClick={() => {localStorage.setItem("sidebar", "false"); location.reload()}}>Save & Close</button>
 
                 <hr class="sidebar-divider" />
-                <label>About</label>
+                <h6>About</h6>
                 <p>halfPage is a minimalistic startpage, built on only open-source software.</p>
                 <a href="https://www.gethalfmoon.com/wttr">halfmoon</a>
                 <a href="https://github.com/chubin/wttr.in">wttr.in</a>
diff --git a/src/main.tsx b/src/main.tsx
index b1cc976..b30ffd1 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -5,7 +5,7 @@ import 'halfmoon/css/cores/halfmoon.modern.css';
 import 'halfmoon/css/cores/halfmoon.elegant.css';
 import App from './components/app.tsx'
 
-const dataset = document.getElementById("html")!.dataset;
+const dataset = document.getElementById("html")?.dataset!;
 
 const colorScheme = localStorage.getItem("colorScheme") || (window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light") || "auto";
 if (colorScheme === "auto") {
diff --git a/tsconfig.app.json b/tsconfig.app.json
index d5cbc23..b0fe4f6 100644
--- a/tsconfig.app.json
+++ b/tsconfig.app.json
@@ -10,8 +10,6 @@
       "react": ["./node_modules/preact/compat/"],
       "react-dom": ["./node_modules/preact/compat/"]
     },
-
-    /* Bundler mode */
     "moduleResolution": "bundler",
     "allowImportingTsExtensions": true,
     "isolatedModules": true,
@@ -19,8 +17,7 @@
     "noEmit": true,
     "jsx": "react-jsx",
     "jsxImportSource": "preact",
-
-    /* Linting */
+    
     "strict": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
diff --git a/tsconfig.node.json b/tsconfig.node.json
index db0becc..c921d97 100644
--- a/tsconfig.node.json
+++ b/tsconfig.node.json
@@ -6,14 +6,12 @@
     "module": "ESNext",
     "skipLibCheck": true,
 
-    /* Bundler mode */
     "moduleResolution": "bundler",
     "allowImportingTsExtensions": true,
     "isolatedModules": true,
     "moduleDetection": "force",
     "noEmit": true,
 
-    /* Linting */
     "strict": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,