diff --git a/web/core/components/stickies/layout/stickies-truncated.tsx b/web/core/components/stickies/layout/stickies-truncated.tsx
index f538917b534..c7af1191b8f 100644
--- a/web/core/components/stickies/layout/stickies-truncated.tsx
+++ b/web/core/components/stickies/layout/stickies-truncated.tsx
@@ -10,7 +10,12 @@ import { useSticky } from "@/hooks/use-stickies";
 import { ContentOverflowWrapper } from "../../core/content-overflow-HOC";
 import { StickiesLayout } from "./stickies-list";
 
-export const StickiesTruncated = observer(() => {
+type StickiesTruncatedProps = {
+  handleClose?: () => void;
+};
+
+export const StickiesTruncated = observer((props: StickiesTruncatedProps) => {
+  const { handleClose = () => {} } = props;
   // navigation
   const { workspaceSlug } = useParams();
   // store hooks
@@ -33,6 +38,7 @@ export const StickiesTruncated = observer(() => {
           className={cn(
             "gap-1 w-full text-custom-primary-100 text-sm font-medium transition-opacity duration-300 bg-custom-background-90/20"
           )}
+          onClick={handleClose}
         >
           Show all
         </Link>
diff --git a/web/core/components/stickies/modal/stickies.tsx b/web/core/components/stickies/modal/stickies.tsx
index 832073ddc13..1cc16bfc6d8 100644
--- a/web/core/components/stickies/modal/stickies.tsx
+++ b/web/core/components/stickies/modal/stickies.tsx
@@ -67,7 +67,7 @@ export const Stickies = observer((props: TProps) => {
       </div>
       {/* content */}
       <div className="mb-4 max-h-[625px] overflow-scroll">
-        <StickiesTruncated />
+        <StickiesTruncated handleClose={handleClose} />
       </div>
     </div>
   );