diff --git a/packages/frontpage/app/(app)/_components/post-card.tsx b/packages/frontpage/app/(app)/_components/post-card.tsx
index 3020616..45fec19 100644
--- a/packages/frontpage/app/(app)/_components/post-card.tsx
+++ b/packages/frontpage/app/(app)/_components/post-card.tsx
@@ -55,7 +55,7 @@ export async function PostCard({
           <UserHoverCard did={author} asChild>
             <Link
               href={`/profile/${handle}`}
-              className="text-xs hover:underline max-w-[185px] truncate inline-block"
+              className="text-xs hover:underline max-w-[185px] md:max-w-none truncate inline-block"
             >
               by {handle}
             </Link>
diff --git a/packages/frontpage/app/(app)/about/page.tsx b/packages/frontpage/app/(app)/about/page.tsx
index ba530eb..f6f8bf4 100644
--- a/packages/frontpage/app/(app)/about/page.tsx
+++ b/packages/frontpage/app/(app)/about/page.tsx
@@ -12,7 +12,7 @@ export const metadata: Metadata = {
 
 export default function CommunityGuidelinesPage() {
   return (
-    <div className="px-4">
+    <div className="px-4 pt-4 md:pt-0">
       <Heading1>About Frontpage</Heading1>
       <Paragraph>
         Frontpage is a decentralised and federated link aggregator that&apos;s
diff --git a/packages/frontpage/app/(app)/layout.tsx b/packages/frontpage/app/(app)/layout.tsx
index 2333c77..a0fd20b 100644
--- a/packages/frontpage/app/(app)/layout.tsx
+++ b/packages/frontpage/app/(app)/layout.tsx
@@ -32,7 +32,7 @@ export default async function Layout({
   const session = await getSession();
   return (
     <div className="relative container mx-auto px-0 md:px-6 pb-8 max-w-3xl">
-      <div className="sticky lg:relative top-0 left-0 right-0 bg-background lg:bg-transparent py-1.5 lg:py-12 px-4 lg:px-0 shadow lg:shadow-none z-50">
+      <div className="sticky md:relative top-0 left-0 right-0 bg-background md:bg-transparent py-1.5 md:py-12 px-4 md:px-0 shadow md:shadow-none z-50">
         <div className="flex items-center justify-between md:max-w-3xl mx-auto">
           <Link href="/">
             {/* eslint-disable-next-line @next/next/no-img-element */}
diff --git a/packages/frontpage/app/(app)/post/[postAuthor]/[postRkey]/_lib/comment.tsx b/packages/frontpage/app/(app)/post/[postAuthor]/[postRkey]/_lib/comment.tsx
index 8ee0c85..5cbd09d 100644
--- a/packages/frontpage/app/(app)/post/[postAuthor]/[postRkey]/_lib/comment.tsx
+++ b/packages/frontpage/app/(app)/post/[postAuthor]/[postRkey]/_lib/comment.tsx
@@ -86,7 +86,7 @@ async function LiveComment({
               className="flex items-center gap-2"
             >
               <UserAvatar did={comment.authorDid} />
-              <div className="max-w-[185px] truncate inline-block">
+              <div className="max-w-[185px] md:max-w-none truncate inline-block">
                 @{handle}
               </div>
             </Link>
diff --git a/packages/frontpage/app/(app)/profile/[user]/page.tsx b/packages/frontpage/app/(app)/profile/[user]/page.tsx
index 4c0b6ad..60e9ec3 100644
--- a/packages/frontpage/app/(app)/profile/[user]/page.tsx
+++ b/packages/frontpage/app/(app)/profile/[user]/page.tsx
@@ -78,12 +78,12 @@ export default async function Profile(props: { params: Promise<Params> }) {
   });
 
   return (
-    <div className="">
+    <div className="pt-4 md:pt-0">
       <LinkAlternateAtUri authority={did} />
-      <div className="px-4 flex items-center space-x-4 mb-4">
+      <div className="px-4 lg:px-0 flex items-center space-x-4 mb-4">
         <UserAvatar did={did} size="medium" />
         <div className="flex flex-wrap items-center gap-2">
-          <h1 className="md:text-2xl font-bold max-w-[185px] truncate inline-block">
+          <h1 className="md:text-2xl font-bold max-w-[185px] md:max-w-none truncate inline-block">
             {userHandle ?? "Invalid handle"}
           </h1>
           <EllipsisDropdown>
@@ -94,7 +94,7 @@ export default async function Profile(props: { params: Promise<Params> }) {
         </div>
       </div>
       <Tabs defaultValue="overview">
-        <div className="px-4 pb-0.5 w-full">
+        <div className="px-4 pb-0.5 w-full lg:px-0">
           <TabsList className="w-full">
             <TabsTrigger value="overview" className="flex-1">
               Overview