diff --git a/interface/sections/Work.tsx b/interface/sections/Work.tsx
index 70fd9332..9d8a6655 100644
--- a/interface/sections/Work.tsx
+++ b/interface/sections/Work.tsx
@@ -19,7 +19,7 @@ export default function Work(props: { projects: Record<string, string>[] }) {
                 class="flex lg:gap-4 gap-2 flex-col md:flex-row items-start relative group/link"
                 href={project.url}
               >
-                <div class="lg:sticky top-14 py-2 flex-shrink-0">
+                <div class="lg:sticky lg:top-14 py-2 flex-shrink-0 top-0">
                   <img
                     alt={`
                     Icon of ${project.title} project
diff --git a/pages/index/+Page.tsx b/pages/index/+Page.tsx
index 6281cf61..ef796e70 100644
--- a/pages/index/+Page.tsx
+++ b/pages/index/+Page.tsx
@@ -5,7 +5,7 @@ import * as m from "#lang/paraglide/messages"
 export default function Page({ projects }: { projects: any[] }) {
   return (
     <div class="w-full">
-      <header class="flex items-center justify-start md:gap-24 gap-16 max-lg:pb-32 w-full py-32 mb-12 lg:justify-between lg:flex-row flex-col-reverse">
+      <header class="flex items-center justify-start md:gap-24 gap-16 max-lg:pb-16 w-full lg:py-32 mb-12 lg:justify-between lg:flex-row flex-col-reverse">
         <div class="lg:h-2/6 h-2/5 max-lg:w-full max-lg:flex">
           <div class="cursor-text max-w-2xl">
             <h1 class="text-4xl font-semibold leading-snug pointer-events-none transition-colors group hover:text-zinc-400 mb-10">