diff --git a/packages/shared/src/components/sidebar/sections/NetworkSection.tsx b/packages/shared/src/components/sidebar/sections/NetworkSection.tsx
index 4a542ae749..0c2b8f2e46 100644
--- a/packages/shared/src/components/sidebar/sections/NetworkSection.tsx
+++ b/packages/shared/src/components/sidebar/sections/NetworkSection.tsx
@@ -2,7 +2,12 @@ import type { ReactElement } from 'react';
 import React, { useMemo } from 'react';
 import type { SidebarMenuItem } from '../common';
 import { ListIcon } from '../common';
-import { DefaultSquadIcon, NewSquadIcon, SourceIcon } from '../../icons';
+import {
+  DefaultSquadIcon,
+  NewSquadIcon,
+  SourceIcon,
+  TimerIcon,
+} from '../../icons';
 import { Section } from '../Section';
 import { Origin } from '../../../lib/log';
 import { useSquadNavigation } from '../../../hooks';
@@ -11,13 +16,17 @@ import { SquadImage } from '../../squads/SquadImage';
 import { SidebarSettingsFlags } from '../../../graphql/settings';
 import { webappUrl } from '../../../lib/constants';
 import type { SidebarSectionProps } from './common';
+import { useSquadPendingPosts } from '../../../hooks/squads/useSquadPendingPosts';
+import { Typography, TypographyColor } from '../../typography/Typography';
 
 export const NetworkSection = ({
   isItemsButton,
   ...defaultRenderSectionProps
 }: SidebarSectionProps): ReactElement => {
   const { squads } = useAuthContext();
+  const { count, isModeratorInAnySquad } = useSquadPendingPosts();
   const { openNewSquad } = useSquadNavigation();
+
   const menuItems: SidebarMenuItem[] = useMemo(() => {
     const squadItems =
       squads?.map((squad) => {
@@ -33,8 +42,22 @@ export const NetworkSection = ({
           path: `${webappUrl}squads/${handle}`,
         };
       }) ?? [];
-
     return [
+      isModeratorInAnySquad &&
+        count > 0 && {
+          icon: () => <ListIcon Icon={() => <TimerIcon />} />,
+          title: 'Pending Posts',
+          path: `${webappUrl}squads/moderate`,
+          rightIcon: () => (
+            <Typography
+              color={TypographyColor.Secondary}
+              bold
+              className="rounded-6 bg-background-subtle px-1.5"
+            >
+              {count}
+            </Typography>
+          ),
+        },
       {
         icon: (active: boolean) => (
           <ListIcon Icon={() => <SourceIcon secondary={active} />} />
@@ -51,7 +74,7 @@ export const NetworkSection = ({
         requiresLogin: true,
       },
     ].filter(Boolean);
-  }, [openNewSquad, squads]);
+  }, [openNewSquad, squads, count, isModeratorInAnySquad]);
 
   return (
     <Section
diff --git a/packages/shared/src/components/squads/SquadHeaderBar.tsx b/packages/shared/src/components/squads/SquadHeaderBar.tsx
index 8b09dfbb2c..97311d711a 100644
--- a/packages/shared/src/components/squads/SquadHeaderBar.tsx
+++ b/packages/shared/src/components/squads/SquadHeaderBar.tsx
@@ -172,7 +172,7 @@ const SquadModerationButton = ({ squad }: SquadBarButtonProps<'a'>) => {
   return (
     <Button
       aria-label={`Check ${count} pending ${postLabel}`}
-      href={`/squads/${squad.handle}/moderate`}
+      href={`/squads/moderate?handle=${squad.handle}`}
       icon={<TimerIcon aria-hidden role="presentation" />}
       size={ButtonSize.Small}
       tag="a"
diff --git a/packages/shared/src/components/squads/SquadTabs.tsx b/packages/shared/src/components/squads/SquadTabs.tsx
index 076ed18411..c377f3bc84 100644
--- a/packages/shared/src/components/squads/SquadTabs.tsx
+++ b/packages/shared/src/components/squads/SquadTabs.tsx
@@ -2,9 +2,9 @@ import type { ReactElement } from 'react';
 import React from 'react';
 import { TabContainer, Tab } from '../tabs/TabContainer';
 import { webappUrl } from '../../lib/constants';
-import type { Squad } from '../../graphql/sources';
 import { SourcePermissions } from '../../graphql/sources';
 import { verifyPermission } from '../../graphql/squads';
+import { useSquad } from '../../hooks';
 
 export enum SquadTab {
   Settings = 'Settings',
@@ -13,15 +13,17 @@ export enum SquadTab {
 
 interface SquadTabsProps {
   active: SquadTab;
-  squad: Squad;
+  handle: string;
 }
 
-export function SquadTabs({ active, squad }: SquadTabsProps): ReactElement {
-  const { handle, moderationPostCount } = squad;
+export function SquadTabs({ active, handle }: SquadTabsProps): ReactElement {
+  const { squad } = useSquad({
+    handle,
+  });
   const isModerator = verifyPermission(squad, SourcePermissions.ModeratePost);
   const squadLink = `${webappUrl}squads/${handle}`;
-  const pendingTabLabel = moderationPostCount
-    ? `${SquadTab.PendingPosts} (${moderationPostCount})`
+  const pendingTabLabel = squad?.moderationPostCount
+    ? `${SquadTab.PendingPosts} (${squad?.moderationPostCount})`
     : SquadTab.PendingPosts;
 
   const links = [
@@ -33,7 +35,10 @@ export function SquadTabs({ active, squad }: SquadTabsProps): ReactElement {
           },
         ]
       : []),
-    { label: pendingTabLabel, url: `${squadLink}/moderate` },
+    {
+      label: pendingTabLabel,
+      url: `${webappUrl}squads/moderate?handle=${handle}`,
+    },
   ];
 
   const controlledActive =
diff --git a/packages/shared/src/components/squads/moderation/SquadModerationEmptyScreen.tsx b/packages/shared/src/components/squads/moderation/SquadModerationEmptyScreen.tsx
index a387485478..f140668b34 100644
--- a/packages/shared/src/components/squads/moderation/SquadModerationEmptyScreen.tsx
+++ b/packages/shared/src/components/squads/moderation/SquadModerationEmptyScreen.tsx
@@ -1,11 +1,8 @@
 import type { ReactElement } from 'react';
 import React from 'react';
 import { VIcon } from '../../icons';
-import type { Squad } from '../../../graphql/sources';
-import { SourcePermissions } from '../../../graphql/sources';
 import { SquadEmptyScreen } from './SquadEmptyScreen';
 import { ElementPlaceholder } from '../../ElementPlaceholder';
-import { verifyPermission } from '../../../graphql/squads';
 
 const ModerationItemSkeleton = () => (
   <div className="flex w-full flex-col gap-4 p-6">
@@ -37,15 +34,13 @@ const ModerationItemSkeleton = () => (
 );
 
 export const EmptyModerationList = ({
-  squad,
   isFetched,
+  isModerator,
 }: {
-  squad: Squad;
+  isModerator: boolean;
   isFetched: boolean;
 }): ReactElement => {
-  const isModerator = verifyPermission(squad, SourcePermissions.ModeratePost);
-
-  if (!isFetched || !squad) {
+  if (!isFetched || !isModerator) {
     return (
       <div className="flex flex-col gap-4">
         <ModerationItemSkeleton />
diff --git a/packages/shared/src/components/squads/moderation/SquadModerationItem.tsx b/packages/shared/src/components/squads/moderation/SquadModerationItem.tsx
index 66452681f7..fe6745dea4 100644
--- a/packages/shared/src/components/squads/moderation/SquadModerationItem.tsx
+++ b/packages/shared/src/components/squads/moderation/SquadModerationItem.tsx
@@ -1,5 +1,6 @@
 import type { ReactElement } from 'react';
 import React from 'react';
+import { useSearchParams } from 'next/navigation';
 import {
   Typography,
   TypographyColor,
@@ -21,13 +22,16 @@ import { useTruncatedSummary } from '../../../hooks';
 import type { SquadModerationItemProps } from './useSourceModerationItem';
 import { useSourceModerationItem } from './useSourceModerationItem';
 import { SquadModerationItemContextMenu } from './SquadModerationItemContextMenu';
+import SourceProfilePicture from '../../profile/SourceProfilePicture';
 
 export function SquadModerationItem(
   props: SquadModerationItemProps,
 ): ReactElement {
+  const searchParams = useSearchParams();
+  const handle = searchParams?.get('handle');
   const { context, modal, user } = useSourceModerationItem(props);
   const { data, squad, onApprove, onReject, isPending } = props;
-  const { rejectionReason, createdBy, createdAt, image, status } = data;
+  const { rejectionReason, createdBy, createdAt, image, status, source } = data;
 
   const IconComponent =
     status === SourcePostModerationStatus.Rejected ? WarningIcon : TimerIcon;
@@ -45,6 +49,21 @@ export function SquadModerationItem(
         onClick={modal.open}
         type="button"
       />
+      {!handle && (
+        <div className="flex gap-2">
+          <SourceProfilePicture
+            className="pointer-events-none"
+            source={source}
+            size={ProfileImageSize.Small}
+          />
+          <Typography
+            color={TypographyColor.Tertiary}
+            type={TypographyType.Callout}
+          >
+            {source.name}
+          </Typography>
+        </div>
+      )}
       <div className="flex flex-row gap-4">
         <ProfilePicture
           className="pointer-events-none"
diff --git a/packages/shared/src/components/squads/moderation/SquadModerationList.tsx b/packages/shared/src/components/squads/moderation/SquadModerationList.tsx
index 09ac12211e..7ef466a528 100644
--- a/packages/shared/src/components/squads/moderation/SquadModerationList.tsx
+++ b/packages/shared/src/components/squads/moderation/SquadModerationList.tsx
@@ -7,35 +7,33 @@ import { useSourceModerationList } from '../../../hooks/squads/useSourceModerati
 import { useSquadPendingPosts } from '../../../hooks/squads/useSquadPendingPosts';
 import { SquadModerationItem } from './SquadModerationItem';
 import type { Squad } from '../../../graphql/sources';
-import { SourcePermissions } from '../../../graphql/sources';
-import InfiniteScrolling from '../../containers/InfiniteScrolling';
-import {
-  SourcePostModerationStatus,
-  verifyPermission,
-} from '../../../graphql/squads';
+import { SourcePostModerationStatus } from '../../../graphql/squads';
 import { EmptyModerationList } from './SquadModerationEmptyScreen';
+import InfiniteScrolling from '../../containers/InfiniteScrolling';
 
 interface SquadModerationListProps {
   squad: Squad;
+  isModerator: boolean;
 }
 
 export function SquadModerationList({
   squad,
+  isModerator,
 }: SquadModerationListProps): ReactElement {
   const moderate = useSourceModerationList({
     squad,
   });
-  const isModerator = verifyPermission(squad, SourcePermissions.ModeratePost);
+
   const { data, isFetched, fetchNextPage, hasNextPage, isPending } =
-    useSquadPendingPosts(
-      squad?.id,
-      isModerator
+    useSquadPendingPosts({
+      squadId: squad?.id,
+      status: isModerator
         ? [SourcePostModerationStatus.Pending]
         : [
             SourcePostModerationStatus.Pending,
             SourcePostModerationStatus.Rejected,
           ],
-    );
+    });
 
   const list = useMemo(
     () =>
@@ -45,7 +43,9 @@ export function SquadModerationList({
   );
 
   if (!list.length) {
-    return <EmptyModerationList squad={squad} isFetched={isFetched} />;
+    return (
+      <EmptyModerationList isModerator={isModerator} isFetched={isFetched} />
+    );
   }
 
   return (
@@ -57,10 +57,7 @@ export function SquadModerationList({
             variant={ButtonVariant.Primary}
             size={ButtonSize.Small}
             onClick={() =>
-              moderate.onApprove(
-                list.map((request) => request.id),
-                squad.id,
-              )
+              moderate.onApprove(list.map((request) => request.id))
             }
           >
             Approve all {list.length} posts
@@ -78,8 +75,8 @@ export function SquadModerationList({
             squad={squad}
             data={item}
             isPending={isPending}
-            onReject={() => moderate.onReject(item.id, squad.id)}
-            onApprove={() => moderate.onApprove([item.id], squad.id)}
+            onReject={() => moderate.onReject(item.id, item.source.id)}
+            onApprove={() => moderate.onApprove([item.id], item.source.id)}
           />
         ))}
       </InfiniteScrolling>
diff --git a/packages/shared/src/components/squads/moderation/useSourceModerationItem.ts b/packages/shared/src/components/squads/moderation/useSourceModerationItem.ts
index f64cf63e93..8888499654 100644
--- a/packages/shared/src/components/squads/moderation/useSourceModerationItem.ts
+++ b/packages/shared/src/components/squads/moderation/useSourceModerationItem.ts
@@ -1,5 +1,6 @@
 import type { MouseEventHandler } from 'react';
 import { useId } from 'react';
+import { useSearchParams } from 'next/navigation';
 import type { SourcePostModeration } from '../../../graphql/squads';
 import { verifyPermission } from '../../../graphql/squads';
 import useContextMenu from '../../../hooks/useContextMenu';
@@ -35,16 +36,19 @@ interface UseSourceModerationItem {
 
 export const useSourceModerationItem = ({
   data,
-  squad,
   onApprove,
   onReject,
 }: SquadModerationItemProps): UseSourceModerationItem => {
+  const squad = data.source as Squad;
+  const searchParams = useSearchParams();
   const contextMenuId = useId();
   const { isOpen, onMenuClick } = useContextMenu({ id: contextMenuId });
 
   const { openModal, closeModal } = useLazyModal();
 
-  const isModerator = verifyPermission(squad, SourcePermissions.ModeratePost);
+  const isModerator =
+    verifyPermission(squad, SourcePermissions.ModeratePost) ||
+    !searchParams?.get('handle');
 
   const { onDelete } = useSourceModerationList({ squad });
 
diff --git a/packages/shared/src/graphql/squads.ts b/packages/shared/src/graphql/squads.ts
index f971f7b183..9d1f0063aa 100644
--- a/packages/shared/src/graphql/squads.ts
+++ b/packages/shared/src/graphql/squads.ts
@@ -633,7 +633,7 @@ const SOURCE_POST_MODERATION_FRAGMENT = gql`
 
 export const SQUAD_PENDING_POSTS_QUERY = gql`
   query sourcePostModerations(
-    $sourceId: ID!
+    $sourceId: ID
     $status: [String]
     $first: Int
     $after: String
@@ -662,14 +662,12 @@ export const SQUAD_MODERATE_POST_MUTATION = gql`
   mutation ModerateSourcePost(
     $postIds: [ID]!
     $status: String
-    $sourceId: ID!
     $rejectionReason: String
     $moderatorMessage: String
   ) {
     moderateSourcePosts(
       postIds: $postIds
       status: $status
-      sourceId: $sourceId
       rejectionReason: $rejectionReason
       moderatorMessage: $moderatorMessage
     ) {
@@ -702,16 +700,14 @@ export interface SquadPostRejectionProps extends SquadPostModerationProps {
   note?: string;
 }
 
-export const squadApproveMutation = ({
-  postIds,
-  sourceId,
-}: SquadPostModerationProps): Promise<SourcePostModeration[]> => {
+export const squadApproveMutation = (
+  postIds: string[],
+): Promise<SourcePostModeration[]> => {
   return gqlClient
     .request<{
       moderateSourcePosts: SourcePostModeration[];
     }>(SQUAD_MODERATE_POST_MUTATION, {
       postIds,
-      sourceId,
       status: SourcePostModerationStatus.Approved,
     })
     .then((res) => res.moderateSourcePosts);
@@ -719,7 +715,6 @@ export const squadApproveMutation = ({
 
 export const squadRejectMutation = ({
   postIds,
-  sourceId,
   reason,
   note,
 }: SquadPostRejectionProps): Promise<SourcePostModeration[]> => {
@@ -728,7 +723,6 @@ export const squadRejectMutation = ({
       moderateSourcePosts: SourcePostModeration[];
     }>(SQUAD_MODERATE_POST_MUTATION, {
       postIds,
-      sourceId,
       status: SourcePostModerationStatus.Rejected,
       rejectionReason: reason,
       moderatorMessage: note,
diff --git a/packages/shared/src/hooks/squads/useSourceModerationList.ts b/packages/shared/src/hooks/squads/useSourceModerationList.ts
index 3a67c50d20..4ac0c55fa0 100644
--- a/packages/shared/src/hooks/squads/useSourceModerationList.ts
+++ b/packages/shared/src/hooks/squads/useSourceModerationList.ts
@@ -24,6 +24,7 @@ import { useLogContext } from '../../contexts/LogContext';
 import { postLogEvent } from '../../lib/feed';
 import type { Post } from '../../graphql/posts';
 import type { Connection } from '../../graphql/common';
+import { useAuthContext } from '../../contexts/AuthContext';
 
 export const rejectReasons: { value: PostModerationReason; label: string }[] = [
   {
@@ -62,12 +63,12 @@ export const rejectReasons: { value: PostModerationReason; label: string }[] = [
 export interface UseSourceModerationList {
   onApprove: (
     ids: string[],
-    sourceId: string,
+    sourceId?: string,
     onSuccess?: MouseEventHandler,
   ) => Promise<void>;
   onReject: (
     id: string,
-    sourceId: string,
+    sourceId?: string,
     onSuccess?: MouseEventHandler,
   ) => void;
   onDelete: (postId: string) => Promise<void>;
@@ -90,20 +91,20 @@ const getLogPostsFromModerationArray = (data: SourcePostModeration[]) => {
 export const useSourceModerationList = ({
   squad,
 }: {
-  squad: Squad;
+  squad?: Squad;
 }): UseSourceModerationList => {
   const { openModal, closeModal } = useLazyModal();
   const { displayToast } = useToastNotification();
   const { showPrompt } = usePrompt();
   const { logEvent } = useLogContext();
-  const { user } = squad.currentMember;
+  const { user } = useAuthContext();
   const queryClient = useQueryClient();
   const listQueryKey = generateQueryKey(
     RequestKey.SquadPostRequests,
     user,
-    squad.id,
+    squad?.id,
   );
-  const squadQueryKey = generateQueryKey(RequestKey.Squad, user, squad.handle);
+  const squadQueryKey = generateQueryKey(RequestKey.Squad, user, squad?.handle);
 
   const handleOptimistic = useCallback(
     (data: SquadPostModerationProps) => {
@@ -112,14 +113,18 @@ export const useSourceModerationList = ({
           InfiniteData<Connection<SourcePostModeration>>
         >(listQueryKey);
 
-      const currentSquad = queryClient.getQueryData<Squad>(squadQueryKey);
-      queryClient.setQueryData<Squad>(squadQueryKey, (sqd) => {
-        return {
-          ...sqd,
-          moderationPostCount:
-            currentSquad.moderationPostCount - data.postIds.length,
-        };
-      });
+      const currentSquad = queryClient.getQueryData<Squad | null>(
+        squadQueryKey,
+      );
+      if (currentSquad) {
+        queryClient.setQueryData<Squad>(squadQueryKey, (sqd) => {
+          return {
+            ...sqd,
+            moderationPostCount:
+              currentSquad.moderationPostCount - data.postIds.length,
+          };
+        });
+      }
 
       queryClient.setQueryData<InfiniteData<Connection<SourcePostModeration>>>(
         listQueryKey,
@@ -149,11 +154,8 @@ export const useSourceModerationList = ({
     isPending: isPendingApprove,
     isSuccess: isSuccessApprove,
   } = useMutation({
-    mutationFn: ({ postIds, sourceId }: SquadPostModerationProps) =>
-      squadApproveMutation({
-        postIds,
-        sourceId,
-      }),
+    mutationFn: ({ postIds }: SquadPostModerationProps) =>
+      squadApproveMutation(postIds),
     onMutate: (data) => handleOptimistic(data),
     onSuccess: (data) => {
       displayToast('Post(s) approved successfully');
@@ -168,8 +170,8 @@ export const useSourceModerationList = ({
         );
         return;
       }
-      queryClient.setQueryData(listQueryKey, context.currentData);
-      queryClient.setQueryData(squadQueryKey, context.currentSquad);
+      queryClient.setQueryData(listQueryKey, context?.currentData);
+      queryClient.setQueryData(squadQueryKey, context?.currentSquad);
       displayToast('Failed to approve post(s)');
     },
   });
diff --git a/packages/shared/src/hooks/squads/useSquadPendingPosts.ts b/packages/shared/src/hooks/squads/useSquadPendingPosts.ts
index fd44d7d3af..a370b60a2d 100644
--- a/packages/shared/src/hooks/squads/useSquadPendingPosts.ts
+++ b/packages/shared/src/hooks/squads/useSquadPendingPosts.ts
@@ -1,4 +1,4 @@
-import { useCallback } from 'react';
+import { useCallback, useMemo } from 'react';
 import type {
   InfiniteData,
   UseInfiniteQueryResult,
@@ -8,6 +8,7 @@ import type { SourcePostModeration } from '../../graphql/squads';
 import {
   SourcePostModerationStatus,
   SQUAD_PENDING_POSTS_QUERY,
+  verifyPermission,
 } from '../../graphql/squads';
 import {
   generateQueryKey,
@@ -17,18 +18,32 @@ import {
 import { useAuthContext } from '../../contexts/AuthContext';
 import type { Connection } from '../../graphql/common';
 import { gqlClient } from '../../graphql/common';
+import { SourcePermissions } from '../../graphql/sources';
 
 type UseSquadPendingPosts = UseInfiniteQueryResult<
   InfiniteData<Connection<SourcePostModeration[]>>
->;
+> & {
+  count: number;
+  isModeratorInAnySquad: boolean;
+};
 
-export const useSquadPendingPosts = (
-  squadId: string,
-  status: SourcePostModerationStatus[] = [SourcePostModerationStatus.Pending],
-): UseSquadPendingPosts => {
-  const { user } = useAuthContext();
+export const useSquadPendingPosts = ({
+  squadId,
+  status = [SourcePostModerationStatus.Pending],
+  enabled = true,
+}: {
+  squadId?: string;
+  status?: SourcePostModerationStatus[];
+  enabled?: boolean;
+} = {}): UseSquadPendingPosts => {
+  const { user, squads } = useAuthContext();
+  const isModeratorInAnySquad = useMemo(() => {
+    return squads?.some((squad) =>
+      verifyPermission(squad, SourcePermissions.ModeratePost),
+    );
+  }, [squads]);
 
-  return useInfiniteQuery<Connection<SourcePostModeration[]>>({
+  const query = useInfiniteQuery<Connection<SourcePostModeration[]>>({
     queryKey: generateQueryKey(RequestKey.SquadPostRequests, user, squadId),
     queryFn: async ({ pageParam }) => {
       return gqlClient
@@ -43,7 +58,8 @@ export const useSquadPendingPosts = (
     },
     initialPageParam: '',
     getNextPageParam: (lastPage) => getNextPageParam(lastPage?.pageInfo),
-    enabled: !!squadId,
+    enabled: enabled && (Boolean(squadId) || isModeratorInAnySquad),
+
     select: useCallback((res) => {
       if (!res) {
         return undefined;
@@ -56,4 +72,10 @@ export const useSquadPendingPosts = (
       };
     }, []),
   });
+
+  return {
+    ...query,
+    count: query?.data?.pages.flatMap((page) => page.edges)?.length || 0,
+    isModeratorInAnySquad,
+  };
 };
diff --git a/packages/webapp/pages/squads/[handle]/edit.tsx b/packages/webapp/pages/squads/[handle]/edit.tsx
index 085290e429..2113f18b46 100644
--- a/packages/webapp/pages/squads/[handle]/edit.tsx
+++ b/packages/webapp/pages/squads/[handle]/edit.tsx
@@ -103,7 +103,7 @@ const EditSquad = ({ handle }: SquadSettingsProps): ReactElement => {
         isLoading={isUpdatingSquad}
       >
         {squad?.moderationRequired && (
-          <SquadTabs active={SquadTab.Settings} squad={squad} />
+          <SquadTabs active={SquadTab.Settings} handle={squad.handle} />
         )}
       </SquadDetails>
     </ManageSquadPageContainer>
diff --git a/packages/webapp/pages/squads/[handle]/moderate.tsx b/packages/webapp/pages/squads/[handle]/moderate.tsx
index e7ae7d779b..3a5d959222 100644
--- a/packages/webapp/pages/squads/[handle]/moderate.tsx
+++ b/packages/webapp/pages/squads/[handle]/moderate.tsx
@@ -1,95 +1,21 @@
 import type { ReactElement } from 'react';
-import React, { useEffect } from 'react';
-import type { SquadSettingsProps } from '@dailydotdev/shared/src/components/squads/utils';
-import { ManageSquadPageContainer } from '@dailydotdev/shared/src/components/squads/utils';
-import {
-  SquadTab,
-  SquadTabs,
-} from '@dailydotdev/shared/src/components/squads/SquadTabs';
-import { SquadModerationList } from '@dailydotdev/shared/src/components/squads/moderation/SquadModerationList';
-import {
-  PageHeader,
-  PageHeaderTitle,
-} from '@dailydotdev/shared/src/components/layout/common';
-import {
-  Button,
-  ButtonVariant,
-} from '@dailydotdev/shared/src/components/buttons/Button';
-import { ArrowIcon } from '@dailydotdev/shared/src/components/icons';
-import { useSquad } from '@dailydotdev/shared/src/hooks';
-import { useRouter } from 'next/router';
-import type {
-  GetStaticPathsResult,
-  GetStaticPropsContext,
-  GetStaticPropsResult,
-} from 'next';
-import type { ParsedUrlQuery } from 'querystring';
-import { verifyPermission } from '@dailydotdev/shared/src/graphql/squads';
-import { SourcePermissions } from '@dailydotdev/shared/src/graphql/sources';
-import { TypographyType } from '@dailydotdev/shared/src/components/typography/Typography';
-import { getLayout as getMainLayout } from '../../../components/layouts/MainLayout';
+import React from 'react';
+import type { GetServerSidePropsResult } from 'next';
+import { webappUrl } from '@dailydotdev/shared/src/lib/constants';
 
-export default function ModerateSquadPage({
-  handle,
-}: SquadSettingsProps): ReactElement {
-  const router = useRouter();
-  const { squad, isLoading, isFetched } = useSquad({ handle });
-  const isModerator = verifyPermission(squad, SourcePermissions.ModeratePost);
+const Page = (): ReactElement => {
+  return <></>;
+};
 
-  useEffect(() => {
-    if (isLoading || !isFetched) {
-      return;
-    }
-
-    if (!squad) {
-      router.push(`/404`);
-      return;
-    }
-
-    if (!squad.moderationRequired) {
-      router.push(`/squads/${handle}`);
-    }
-  }, [handle, isFetched, isLoading, router, squad]);
-
-  if (isLoading || !squad) {
-    return null;
-  }
-
-  return (
-    <ManageSquadPageContainer>
-      <PageHeader className="border-b-0">
-        <Button
-          href={`/squads/${squad.handle}`}
-          icon={<ArrowIcon className="-rotate-90" />}
-          tag="a"
-          variant={ButtonVariant.Tertiary}
-        />
-        <PageHeaderTitle bold type={TypographyType.Title3}>
-          {isModerator ? 'Squad settings' : 'Pending posts'}
-        </PageHeaderTitle>
-      </PageHeader>
-      <SquadTabs active={SquadTab.PendingPosts} squad={squad} />
-      <SquadModerationList squad={squad} />
-    </ManageSquadPageContainer>
-  );
-}
-
-export async function getStaticPaths(): Promise<GetStaticPathsResult> {
-  return { paths: [], fallback: true };
-}
-
-interface SquadPageParams extends ParsedUrlQuery {
-  handle: string;
-}
-
-export function getStaticProps({
-  params,
-}: GetStaticPropsContext<SquadPageParams>): GetStaticPropsResult<SquadSettingsProps> {
+export async function getServerSideProps(): Promise<
+  GetServerSidePropsResult<void>
+> {
   return {
-    props: {
-      handle: params.handle,
+    redirect: {
+      destination: `${webappUrl}squads/moderate`,
+      permanent: true,
     },
   };
 }
 
-ModerateSquadPage.getLayout = getMainLayout;
+export default Page;
diff --git a/packages/webapp/pages/squads/discover/my.tsx b/packages/webapp/pages/squads/discover/my.tsx
index 68cc919055..f5ecf8083f 100644
--- a/packages/webapp/pages/squads/discover/my.tsx
+++ b/packages/webapp/pages/squads/discover/my.tsx
@@ -3,24 +3,58 @@ import React from 'react';
 import { useAuthContext } from '@dailydotdev/shared/src/contexts/AuthContext';
 import { SquadList } from '@dailydotdev/shared/src/components/cards/squad/SquadList';
 import { useRouter } from 'next/router';
-import { squadCategoriesPaths } from '@dailydotdev/shared/src/lib/constants';
+import {
+  squadCategoriesPaths,
+  webappUrl,
+} from '@dailydotdev/shared/src/lib/constants';
 import type { NextSeoProps } from 'next-seo';
+
+import { useSquadPendingPosts } from '@dailydotdev/shared/src/hooks/squads/useSquadPendingPosts';
+import {
+  Button,
+  ButtonVariant,
+} from '@dailydotdev/shared/src/components/buttons/Button';
+import { TimerIcon } from '@dailydotdev/shared/src/components/icons';
+
+import {
+  Typography,
+  TypographyColor,
+} from '@dailydotdev/shared/src/components/typography/Typography';
 import { getLayout } from '../../../components/layouts/FeedLayout';
 import { mainFeedLayoutProps } from '../../../components/layouts/MainFeedPage';
 import { SquadDirectoryLayout } from '../../../../shared/src/components/squads/layout/SquadDirectoryLayout';
 import { defaultSeo } from '../../../next-seo';
 
 function MySquadsPage(): ReactElement {
+  const { count, isModeratorInAnySquad } = useSquadPendingPosts();
   const { squads } = useAuthContext();
   const router = useRouter();
 
-  if (squads?.length === 0) {
+  if (squads?.length === 0 && count === 0) {
     router.push(squadCategoriesPaths.discover);
     return null;
   }
 
   return (
     <SquadDirectoryLayout className="gap-3">
+      {isModeratorInAnySquad && count > 0 && (
+        <Button
+          className="!px-0"
+          tag="a"
+          href={`${webappUrl}squads/moderate`}
+          variant={ButtonVariant.Option}
+          icon={<TimerIcon />}
+        >
+          Pending posts
+          <Typography
+            color={TypographyColor.Tertiary}
+            bold
+            className="ml-auto flex h-10 w-[4.858125rem] items-center justify-center rounded-12 bg-surface-float"
+          >
+            {count}
+          </Typography>
+        </Button>
+      )}
       {squads?.map((squad) => (
         <SquadList key={squad.handle} squad={squad} shouldShowCount={false} />
       ))}
diff --git a/packages/webapp/pages/squads/moderate.tsx b/packages/webapp/pages/squads/moderate.tsx
new file mode 100644
index 0000000000..0079a0f6c1
--- /dev/null
+++ b/packages/webapp/pages/squads/moderate.tsx
@@ -0,0 +1,84 @@
+import type { ReactElement } from 'react';
+import type { GetServerSideProps } from 'next';
+import React, { useEffect } from 'react';
+import { ManageSquadPageContainer } from '@dailydotdev/shared/src/components/squads/utils';
+import {
+  SquadTab,
+  SquadTabs,
+} from '@dailydotdev/shared/src/components/squads/SquadTabs';
+import { SquadModerationList } from '@dailydotdev/shared/src/components/squads/moderation/SquadModerationList';
+import {
+  PageHeader,
+  PageHeaderTitle,
+} from '@dailydotdev/shared/src/components/layout/common';
+import {
+  Button,
+  ButtonVariant,
+} from '@dailydotdev/shared/src/components/buttons/Button';
+import { ArrowIcon } from '@dailydotdev/shared/src/components/icons';
+import { useSquad } from '@dailydotdev/shared/src/hooks';
+import { useRouter } from 'next/router';
+import { verifyPermission } from '@dailydotdev/shared/src/graphql/squads';
+import { SourcePermissions } from '@dailydotdev/shared/src/graphql/sources';
+import { TypographyType } from '@dailydotdev/shared/src/components/typography/Typography';
+import { getLayout as getMainLayout } from '../../components/layouts/MainLayout';
+
+interface ModerateSquadPageProps {
+  handle: string | null;
+}
+
+export const getServerSideProps: GetServerSideProps<
+  ModerateSquadPageProps
+> = async ({ query }) => {
+  return {
+    props: {
+      handle: (query.handle as string) || null,
+    },
+  };
+};
+
+export default function ModerateSquadPage({
+  handle,
+}: ModerateSquadPageProps): ReactElement {
+  const router = useRouter();
+  const { squad, isLoading, isFetched } = useSquad({
+    handle,
+  });
+  const isModerator =
+    verifyPermission(squad, SourcePermissions.ModeratePost) || !handle;
+
+  useEffect(() => {
+    if (isLoading || !isFetched) {
+      return;
+    }
+
+    if (handle && !squad.moderationRequired) {
+      router.push(`/squads/${handle}`);
+    }
+  }, [handle, isFetched, isLoading, router, squad]);
+
+  if (isLoading) {
+    return null;
+  }
+
+  return (
+    <ManageSquadPageContainer>
+      <PageHeader className="border-b-0">
+        <Button
+          onClick={() =>
+            handle ? router.push(`/squads/${handle}`) : router.back()
+          }
+          icon={<ArrowIcon className="-rotate-90" />}
+          variant={ButtonVariant.Tertiary}
+        />
+        <PageHeaderTitle bold type={TypographyType.Title3}>
+          {isModerator ? 'Squad settings' : 'Pending posts'}
+        </PageHeaderTitle>
+      </PageHeader>
+      {handle && <SquadTabs active={SquadTab.PendingPosts} handle={handle} />}
+      <SquadModerationList squad={squad} isModerator={isModerator} />
+    </ManageSquadPageContainer>
+  );
+}
+
+ModerateSquadPage.getLayout = getMainLayout;