diff --git a/front/src/pages/tasks/Tasks.tsx b/front/src/pages/tasks/Tasks.tsx
index 26f332df6..94127c7bf 100644
--- a/front/src/pages/tasks/Tasks.tsx
+++ b/front/src/pages/tasks/Tasks.tsx
@@ -2,6 +2,7 @@ import { useTheme } from '@emotion/react';
 import styled from '@emotion/styled';
 
 import { TaskGroups } from '@/activities/components/TaskGroups';
+import { useOpenCreateActivityDrawer } from '@/activities/hooks/useOpenCreateActivityDrawer';
 import { TasksRecoilScopeContext } from '@/activities/states/recoil-scope-contexts/TasksRecoilScopeContext';
 import { FilterDropdownButton } from '@/ui/filter-n-sort/components/FilterDropdownButton';
 import { FiltersHotkeyScope } from '@/ui/filter-n-sort/types/FiltersHotkeyScope';
@@ -10,6 +11,7 @@ import { WithTopBarContainer } from '@/ui/layout/components/WithTopBarContainer'
 import { TabList } from '@/ui/tab/components/TabList';
 import { TopBar } from '@/ui/top-bar/TopBar';
 import { RecoilScope } from '@/ui/utilities/recoil-scope/components/RecoilScope';
+import { ActivityType } from '~/generated/graphql';
 
 const StyledTasksContainer = styled.div`
   display: flex;
@@ -27,6 +29,7 @@ const StyledTabListContainer = styled.div`
 
 export function Tasks() {
   const theme = useTheme();
+  const openCreateActivity = useOpenCreateActivityDrawer();
 
   const TASK_TABS = [
     {
@@ -44,6 +47,7 @@ export function Tasks() {
   return (
     <WithTopBarContainer
       title="Tasks"
+      onAddButtonClick={() => openCreateActivity(ActivityType.Task)}
       icon={<IconCheckbox size={theme.icon.size.md} />}
     >
       <StyledTasksContainer>