diff --git a/app/page.tsx b/app/page.tsx
index e171cf3..32b3df8 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -17,7 +17,7 @@ export default function Index() {
       <nav className="w-full flex justify-center border-b border-b-foreground/10 h-16">
         <div className="w-full max-w-4xl flex items-center text-sm gap-0">
           <DeployButton />
-          <div className="flex flex-row-reverse w-full items-end   ">
+          <div className="flex flex-row-reverse w-full mr-1 items-end">
                   <WriteIcon />
               <Search/>
           </div>
diff --git a/app/post/layout.tsx b/app/post/layout.tsx
index 398640d..ab36c13 100644
--- a/app/post/layout.tsx
+++ b/app/post/layout.tsx
@@ -12,11 +12,12 @@ import Search from "@/components/Search/Search";
 
 export default function Layout({ children }: { children: ReactNode }) {
   return (
-    <div className="min-h-scree min-w-full flex flex-col bg-white dark:bg-gray-900 text-gray-900 dark:text-white">
-      <nav className="w-full flex justify-center border-b border-b-foreground/10 h-16">
-        <div className="w-full max-w-4xl flex justify-between items-center p-3 text-sm">
+    <div className="min-h-scree min-w-full flex flex-col bg-white dark:bg-gray-900 text-gray-900 dark:text-white sm:p-0 px-12">
+      <nav className="w-full flex justify-center border-b border-b-foreground/10 h-16 sm:p-0 px-12">
+      <div className="w-full max-w-4xl flex items-center text-sm gap-0">
+        {/* <div className="w-full max-w-4xl flex justify-between items-center p-3 text-sm"> */}
           <DeployButton />
-          <div className="flex flex-row-reverse w-full items-end mr-4 gap-2">
+          <div className="flex flex-row-reverse w-full items-end mr-2 gap-2">
           <WriteIcon />
           <Search/>
           </div>