diff --git a/components/LoadingPage/LoadingPage.tsx b/components/LoadingPage/LoadingPage.tsx
index 020a3a59..4061f106 100644
--- a/components/LoadingPage/LoadingPage.tsx
+++ b/components/LoadingPage/LoadingPage.tsx
@@ -1,15 +1,21 @@
import Image from "next/image"
+import useIsMobile from "../../hooks/useIsMobile"
-const LoadingPage = () => (
-
-
-
-)
+const LoadingPage = () => {
+ const isMobile = useIsMobile()
+
+ return (
+
+
+
+ )
+}
export default LoadingPage
diff --git a/components/Navbar/Navbar.tsx b/components/Navbar/Navbar.tsx
index 6aaeac3a..5f7e2bdc 100644
--- a/components/Navbar/Navbar.tsx
+++ b/components/Navbar/Navbar.tsx
@@ -5,7 +5,7 @@ const Navbar = () => {
const { pathname } = useRouter()
const navClasses = `md:min-w-[80px] md:px-[10px] md:h-[40px]
- text-[12px] md:text-[16px] md:py-[5px] py-[2px] h-full uppercase md:capitalize
+ text-[12px] md:text-[16px] md:py-[5px] py-[2px] h-fit uppercase md:capitalize
md:border-none bg-darkgray
flex items-center justify-center text-[#d2d2d2] font-dresden cursor-pointer`
diff --git a/public/images/Loading/m_loading.png b/public/images/Loading/m_loading.png
new file mode 100644
index 00000000..f8effa78
Binary files /dev/null and b/public/images/Loading/m_loading.png differ
diff --git a/public/images/Loading/m_loading.svg b/public/images/Loading/m_loading.svg
new file mode 100644
index 00000000..108def9f
--- /dev/null
+++ b/public/images/Loading/m_loading.svg
@@ -0,0 +1,15 @@
+