Remove top Pagepadding on small screens

web/components/page.tsx

@@ -27,7 +27,7 @@ export function Page(props: {
         <Sidebar className="sticky top-0 hidden divide-gray-300 self-start pl-2 lg:col-span-2 lg:block" />
         <main
           className={clsx(
-            'pt-6 lg:col-span-8',
+            'lg:col-span-8 lg:pt-6',
             rightSidebar ? 'xl:col-span-7' : 'xl:col-span-8'
           )}
         >

web/pages/notifications.tsx

@@ -47,7 +47,7 @@ export default function Notifications() {
   if (!user) return <Custom404 />
   return (
     <Page>
-      <div className={'px-2 sm:px-4'}>
+      <div className={'px-2 pt-4 sm:px-4 lg:pt-0'}>
         <Title text={'Notifications'} className={'hidden md:block'} />
         <div>
           <Tabs