diff --git a/src/app/page.tsx b/src/app/page.tsx
index 322ce83..c3aadf7 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -42,7 +42,7 @@ export default function Page() {
           <a href="mailto:me@imnya.ng">me@imnya.ng</a>
         </h1>
       </div>
-      <div className="max-w-3xl w-full flex mx-auto mb-8">
+      <div className="max-w-3xl w-full flex mx-auto mb-8 px-8 lg:px-0">
         <Contact />
       </div>
       <section id="about" className="w-full snap-start snap-always flex flex-col items-center justify-center px-8 lg:px-0">
diff --git a/src/components/txt.tsx b/src/components/txt.tsx
index 453ff4e..d244e17 100644
--- a/src/components/txt.tsx
+++ b/src/components/txt.tsx
@@ -1,10 +1,15 @@
 import Image from "next/image";
+import { useIsMobile } from "@/hooks/use-mobile";
 
 interface TXTProps {
     onHover?: (position: { x: number; y: number } | null) => void;
 }
 
 export default function TXT({ onHover }: TXTProps) {
+    const isMobile = useIsMobile();
+
+    if (isMobile) return null;
+
     return (
         <div 
             className="flex flex-col items-center justify-center gap-4 absolute top-4 left-4 p-2 cursor-pointer font-galmuri drag-none select-none"