diff --git a/app/src/app/new/page.tsx b/app/src/app/new/page.tsx
index b7a5cfb..a53f282 100644
--- a/app/src/app/new/page.tsx
+++ b/app/src/app/new/page.tsx
@@ -14,11 +14,11 @@ const page = async () => {
 	if (!user) return redirect("/signin");
 
   return (
-    <div className="flex flex-col w-full h-screen pt-16 px-0 md:px-16">
-      <div className="flex justify-start w-full px-4 mt-8">
+    <div className="flex flex-col w-full h-screen pt-12 px-0">
+      <div className="flex justify-start w-full mt-4">
         <NavigateBack href="/" />
       </div>
-      <div className="flex flex-1 justify-center items-center">
+      <div className="flex flex-1 justify-center items-start md:mt-16">
         <RecorderCard userId={user.id} />
       </div>
     </div>
diff --git a/app/src/components/Header.tsx b/app/src/components/Header.tsx
index 4244507..19a79c6 100644
--- a/app/src/components/Header.tsx
+++ b/app/src/components/Header.tsx
@@ -25,7 +25,7 @@ const Header = () => {
           alt="Josh Logo"
         />
       </div>
-      <div className="flex gap-2 w-full justify-end">
+      <div className="flex gap-2 min-w-fit justify-end">
       <Link
         href={"/new"}
         className="text-white hover:underline"