diff --git a/src/app/page.tsx b/src/app/page.tsx
index a2402f5..2e53fa7 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -18,13 +18,12 @@ import {
 	IconZoomOut,
 	IconPlus,
 	IconRefresh,
-	IconMenu2,
 } from "@tabler/icons-react";
 import OptionsDropdown from "../components/OptionsDropdown";
 import SidePanel from "../components/SidePanel";
 import SearchBar from "../components/SearchBar";
 import ImageModal from "../components/ImageModal";
-import { SceneType } from "@/types/scene";
+import { SceneType } from "../../types";
 import type { ImageData, CameraData } from "../hooks/useCOLMAPLoader";
 
 const CAM_MAX_SCALE = 1;
@@ -378,9 +377,11 @@ const Home: React.FC = () => {
 	return (
 		<Suspense
 			fallback={
-				<div className={`bg-darkgrey flex items-center justify-center`}>
+				<div
+					className={`bg-darkgrey flex items-center justify-center w-full h-screen`}
+				>
 					<div
-						className={`animate-spin rounded-full border-t-4 border-white h-12 w-12`}
+						className={`animate-spin rounded-full border-t-4 border-white h-8 w-8`}
 					></div>
 				</div>
 			}
diff --git a/src/components/Card.tsx b/src/components/Card.tsx
index 83b37aa..87b2553 100644
--- a/src/components/Card.tsx
+++ b/src/components/Card.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 
 import { IconCircleDotted, IconCamera } from "@tabler/icons-react";
-import { SceneType } from "@/types/scene";
+import { SceneType } from "../../types";
 import { useRouter } from "next/navigation";
 
 interface CardProps {
diff --git a/src/components/OptionsDropdown.tsx b/src/components/OptionsDropdown.tsx
index ceff08d..5d316d0 100644
--- a/src/components/OptionsDropdown.tsx
+++ b/src/components/OptionsDropdown.tsx
@@ -158,6 +158,7 @@ const OptionsDropdown: React.FC<OptionsDropdownProps> = ({
 			document.removeEventListener("mousedown", handleClickOutside);
 		};
 	}, [ref, toggleMenu]);
+
 	return (
 		<div className="relative" ref={ref}>
 			<button
diff --git a/src/components/SearchBar.tsx b/src/components/SearchBar.tsx
index 0470fc8..621ebd8 100644
--- a/src/components/SearchBar.tsx
+++ b/src/components/SearchBar.tsx
@@ -4,7 +4,7 @@ import Autocomplete from "@mui/material/Autocomplete";
 import TextField from "@mui/material/TextField";
 import { VariableSizeList as List } from "react-window";
 import { useRouter } from "next/navigation";
-import { SceneType } from "@/types/scene";
+import { SceneType } from "../../types";
 import { IconMenu2 } from "@tabler/icons-react";
 
 const OuterElementContext = React.createContext({});
diff --git a/src/components/SidePanel.tsx b/src/components/SidePanel.tsx
index 790c825..c82fd64 100644
--- a/src/components/SidePanel.tsx
+++ b/src/components/SidePanel.tsx
@@ -8,7 +8,7 @@ import {
 
 import Card from "./Card";
 import reconMetadata from "../../public/data/recon_metadata.json";
-import { SceneType } from "@/types/scene";
+import { SceneType } from "../../types";
 
 interface SidePanelProps {
 	scene?: SceneType;
diff --git a/src/types/scene.d.ts b/src/types/scene.d.ts
deleted file mode 100644
index 45313c7..0000000
--- a/src/types/scene.d.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-export type SceneType = {
-	id: number;
-	name: string;
-	normalized_name: string;
-	no_of_rec: number;
-};
diff --git a/types.d.ts b/types.d.ts
new file mode 100644
index 0000000..c14d2ee
--- /dev/null
+++ b/types.d.ts
@@ -0,0 +1,13 @@
+declare module "react" {
+	interface InputHTMLAttributes<T> {
+		webkitdirectory?: string;
+		directory?: string;
+	}
+}
+
+export type SceneType = {
+	id: number;
+	name: string;
+	normalized_name: string;
+	no_of_rec: number;
+};