diff --git a/app/home/LeafletList.tsx b/app/home/LeafletList.tsx
index 45533755..c7483e62 100644
--- a/app/home/LeafletList.tsx
+++ b/app/home/LeafletList.tsx
@@ -54,7 +54,7 @@ export function LeafletList(props: {
         .map((ll) => ll.token);
 
   return (
-    <div className="homeLeafletGrid grow w-full h-full overflow-y-scroll no-scrollbar  ">
+    <div className="homeLeafletGrid grow w-full h-full ">
       <div className="grid auto-rows-max md:grid-cols-4 sm:grid-cols-3 grid-cols-2 gap-y-4 gap-x-4 sm:gap-6 grow pt-3 pb-28 px-2 sm:pt-6 sm:pb-12 sm:pl-6 sm:pr-1">
         {leaflets.map((leaflet, index) => (
           <ReplicacheProvider
diff --git a/app/home/Publications.tsx b/app/home/Publications.tsx
index 28d9619f..219bb54e 100644
--- a/app/home/Publications.tsx
+++ b/app/home/Publications.tsx
@@ -5,19 +5,29 @@ import Link from "next/link";
 import { useIdentityData } from "components/IdentityProvider";
 import { theme } from "tailwind.config";
 import { BlueskyTiny } from "components/Icons/BlueskyTiny";
+import { GoToArrow } from "components/Icons/GoToArrow";
 
 export const MyPublicationList = () => {
   let { identity } = useIdentityData();
   // if (!identity || !identity.atp_did) return <PubListEmpty />;
   return (
-    <div className="pubList w-[200px] flex flex-col gap-2 ">
+    <div className="pubList w-full sm:w-[200px] flex flex-col gap-1 sm:gap-2 ">
       <PublicationList />
-      <Link
-        href={"./lish/createPub"}
-        className="text-sm place-self-start text-accent-contrast font-bold hover:text-accent-contrast"
-      >
-        New Publication
-      </Link>
+      <div className="flex justify-between">
+        <Link
+          href={"./lish/createPub"}
+          className="pubListCreateNew  text-accent-contrast font-bold hover:text-accent-contrast"
+        >
+          new
+        </Link>
+        {identity && identity?.publications.length > 2}
+        <Link
+          href={"./lish/createPub"}
+          className="pubListSeeAll flex items-center gap-2 text-accent-contrast font-bold hover:text-accent-contrast"
+        >
+          all <GoToArrow />
+        </Link>
+      </div>
     </div>
   );
 };
@@ -33,10 +43,13 @@ const PublicationList = (props: {
   let { identity } = useIdentityData();
 
   return (
-    <div className="pubList w-full flex flex-col gap-2">
-      <HardCodePublication name="Leaflet Explorers" />
+    <div className="pubList w-full flex flex-row sm:flex-col gap-3 sm:gap-2">
+      <div className="sm:block hidden">
+        <HardCodePublication name="Leaflet Explorers" />
+      </div>
       <HardCodePublication name="Arboretum" />
       <HardCodePublication name="This Very Long Title Might Have Ramifications on the UI" />
+
       {/* {props.publications?.map((d) => (
         <Publication
           {...d}
@@ -51,7 +64,7 @@ const PublicationList = (props: {
 function Publication(props: { uri: string; name: string; handle: string }) {
   return (
     <Link
-      className="pubListItem w-full p-3 opaque-container rounded-lg! text-secondary text-center hover:no-underline flex flex-col gap-1 place-items-center transparent-outline hover:outline-border"
+      className="pubListItem w-full p-3 opaque-container rounded-lg! text-secondary text-center hover:no-underline flex flex-col gap-1 place-items-center transparent-outline hover:outline-border "
       href={`/lish/${props.handle}/${props.name}/`}
     >
       <div className="w-6 h-6 rounded-full bg-test" />
@@ -63,7 +76,7 @@ function Publication(props: { uri: string; name: string; handle: string }) {
 function HardCodePublication(props: { name: string }) {
   return (
     <Link
-      className="hardcodepubListItem w-full p-3 opaque-container rounded-lg! text-secondary text-center hover:no-underline flex flex-col gap-1 place-items-center transparent-outline outline-2 outline-offset-1 hover:outline-border"
+      className="hardcodepubListItem w-full p-3 opaque-container rounded-lg! text-secondary text-center hover:no-underline flex flex-col gap-1 place-items-center transparent-outline outline-2 outline-offset-1 hover:outline-border basis-0 grow min-w-0"
       href={`/`}
     >
       <div className="w-6 h-6 rounded-full bg-test" />
diff --git a/app/home/page.tsx b/app/home/page.tsx
index 16649370..c2759c5a 100644
--- a/app/home/page.tsx
+++ b/app/home/page.tsx
@@ -15,6 +15,7 @@ import { getIdentityData } from "actions/getIdentityData";
 import { getFactsFromHomeLeaflets } from "app/api/rpc/[command]/getFactsFromHomeLeaflets";
 import { HomeSidebar } from "./HomeSidebar";
 import { HomeFooter } from "./HomeFooter";
+import { Media } from "components/Media";
 import { MyPublicationList } from "./Publications";
 import { supabaseServerClient } from "supabase/serverClient";
 
@@ -96,7 +97,13 @@ export default async function Home() {
               <div className="home relative max-w-screen-lg w-full h-full mx-auto flex sm:flex-row flex-col sm:items-stretch sm:px-6 ">
                 <HomeSidebar />
                 <div className={`h-full overflow-y-scroll`}>
-                  <MyPublicationList />
+                  <Media mobile>
+                    <div className="pubListWrapper p-2 ">
+                      <div className="pubList container p-3 ">
+                        <MyPublicationList />
+                      </div>
+                    </div>
+                  </Media>
                   <LeafletList initialFacts={home_docs_initialFacts} />
                 </div>
                 <HomeFooter />
diff --git a/components/Icons/GoToArrow.tsx b/components/Icons/GoToArrow.tsx
new file mode 100644
index 00000000..55bf39ce
--- /dev/null
+++ b/components/Icons/GoToArrow.tsx
@@ -0,0 +1,18 @@
+import { Props } from "./Props";
+
+export const GoToArrow = (props: Props) => {
+  return (
+    <svg
+      width="16"
+      height="16"
+      viewBox="0 0 16 16"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0ZM8.75781 2.69629C8.46492 2.4034 7.98918 2.4034 7.69629 2.69629C7.4034 2.98918 7.4034 3.46492 7.69629 3.75781L11.1895 7.25H3C2.58579 7.25 2.25 7.58579 2.25 8C2.25 8.41421 2.58579 8.75 3 8.75H11.1895L7.69629 12.2422C7.4034 12.5351 7.4034 13.0108 7.69629 13.3037C7.98918 13.5966 8.46492 13.5966 8.75781 13.3037L13.5303 8.53027C13.8232 8.23738 13.8232 7.76262 13.5303 7.46973L8.75781 2.69629Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+};