bug: double padded notes on profile

packages/app/src/Element/Timeline.tsx

@@ -114,7 +114,7 @@ const Timeline = (props: TimelineProps) => {
   }
 
   return (
-    <div className="main-content">
+    <>
       {latestFeed.length > 0 && (
         <>
           <div className="card latest-notes pointer" onClick={() => onShowLatest()} ref={ref}>
@@ -149,7 +149,7 @@ const Timeline = (props: TimelineProps) => {
           <Skeleton width="100%" height="120px" margin="0 0 16px 0" />
         </LoadMore>
       )}
-    </div>
+    </>
   );
 };
 export default Timeline;

packages/app/src/Pages/Notifications.tsx

@@ -15,10 +15,8 @@ export default function NotificationsPage() {
   }, []);
 
   return (
-    <>
-      <div className="main-content">
-        <TaskList />
-      </div>
+    <div className="main-content">
+      <TaskList />
       {login.publicKey && (
         <Timeline
           subject={{
@@ -32,6 +30,6 @@ export default function NotificationsPage() {
           method={"TIME_RANGE"}
         />
       )}
-    </>
+    </div>
   );
 }

packages/app/src/Pages/ProfilePage.tsx

@@ -230,20 +230,18 @@ export default function ProfilePage() {
       case NOTES:
         return (
           <>
-            <div className="main-content">
-              {pinned
-                .filter(a => a.kind === EventKind.TextNote)
-                .map(n => {
-                  return (
-                    <Note
-                      key={`pinned-${n.id}`}
-                      data={n}
-                      related={getReactions(pinned, n.id)}
-                      options={{ showTime: false, showPinned: true, canUnpin: id === loginPubKey }}
-                    />
-                  );
-                })}
-            </div>
+            {pinned
+              .filter(a => a.kind === EventKind.TextNote)
+              .map(n => {
+                return (
+                  <Note
+                    key={`pinned-${n.id}`}
+                    data={n}
+                    related={getReactions(pinned, n.id)}
+                    options={{ showTime: false, showPinned: true, canUnpin: id === loginPubKey }}
+                  />
+                );
+              })}
             <Timeline
               key={id}
               subject={{

packages/app/src/Pages/Root.tsx

@@ -83,7 +83,9 @@ export default function RootPage() {
       <div className="main-content">
         {pubKey && <Tabs tabs={tabs} tab={tab} setTab={t => navigate(unwrap(t.data))} />}
       </div>
-      <Outlet />
+      <div className="main-content">
+        <Outlet />
+      </div>
     </>
   );
 }