diff --git a/d.ts b/d.ts
new file mode 100644
index 00000000..63fda725
--- /dev/null
+++ b/d.ts
@@ -0,0 +1,4 @@
+declare module "*.jpg" {
+  const value: any
+  export default value
+}
diff --git a/src/element/Avatar.tsx b/src/element/Avatar.tsx
index 21e4b6c8..fef211fb 100644
--- a/src/element/Avatar.tsx
+++ b/src/element/Avatar.tsx
@@ -1,5 +1,4 @@
 import "./Avatar.css";
-// @ts-expect-error
 import Nostrich from "../nostrich.jpg";
 
 import { CSSProperties } from "react";
diff --git a/src/element/Textarea.tsx b/src/element/Textarea.tsx
index 25e39815..7b8ee8ec 100644
--- a/src/element/Textarea.tsx
+++ b/src/element/Textarea.tsx
@@ -1,5 +1,4 @@
 import "./Textarea.css";
-// @ts-expect-error
 import Nostrich from "../nostrich.jpg";
 
 import { useLiveQuery } from "dexie-react-hooks";
diff --git a/src/pages/SettingsPage.tsx b/src/pages/SettingsPage.tsx
index 29cc8d14..f6115381 100644
--- a/src/pages/SettingsPage.tsx
+++ b/src/pages/SettingsPage.tsx
@@ -1,5 +1,4 @@
 import "./SettingsPage.css";
-// @ts-ignore
 import Nostrich from "../nostrich.jpg";
 
 import { useEffect, useState } from "react";
@@ -196,7 +195,7 @@ export default function SettingsPage() {
                     </div>
                     <div>
                         <h2>Header</h2>
-                        <div style={{ backgroundImage: `url(${(banner?.length ?? 0) === 0 ? avatarPicture : banner})` }} className="banner">
+                        <div style={{ backgroundImage: `url(${(banner?.length ?? 0) === 0 ? Nostrich : banner})` }} className="banner">
                             <div className="edit" onClick={() => setNewBanner()}>Edit</div>
                         </div>
                     </div>