diff --git a/src/components/container/index.tsx b/src/components/container/index.tsx
index c803359..92e0acb 100644
--- a/src/components/container/index.tsx
+++ b/src/components/container/index.tsx
@@ -5,7 +5,7 @@ export default () => {
                 <h6 class="display-4">Hello, {localStorage.getItem("name")}.</h6>
                 <br />
                 <br />
-                <form role="search" action={localStorage.getItem("searchEngine") || ""} method="get">
+                <form action={localStorage.getItem("searchEngine") || ""} method="get">
                     <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/navbar/index.tsx b/src/components/navbar/index.tsx
index 63e1b5a..f3cc3f9 100644
--- a/src/components/navbar/index.tsx
+++ b/src/components/navbar/index.tsx
@@ -17,7 +17,7 @@ export default () => {
                     <div class="navbar-brand">
                         {wttrDesc}
                     </div>
-                    <div class="d-flex hstack gap-2" role="search">
+                    <div class="d-flex hstack gap-2">
                         <button type="button" class="btn btn-outline-light btn-sm" onClick={history.back}><ChevronLeft size={20} /></button>
                         <button type="button" class="btn btn-outline-light btn-sm" onClick={history.forward}><ChevronRight size={20} /></button>
                     </div>
diff --git a/src/components/sidebar/index.tsx b/src/components/sidebar/index.tsx
index 286d494..4ea4a93 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.documentElement.dataset;
 
 export default () => {
     return (
diff --git a/src/main.tsx b/src/main.tsx
index 502ca26..8c61ba9 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.documentElement.dataset;
 
 const colorScheme = localStorage.getItem("colorScheme") || (window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light") || "auto";
 if (colorScheme === "auto") {
@@ -24,4 +24,4 @@ fetch(`https://wttr.in/${localStorage.getItem("location") || ""}?format=%c`)
         favicon.href = `data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>${emoji.trim()}</text></svg>`
     })
 
-render(<App />, document.getElementById('app')!)
+render(<App />, document.getElementById('app') as HTMLElement || document.body)