diff --git a/packages/apps/human-app/frontend/package.json b/packages/apps/human-app/frontend/package.json
index 8180ab4879..b8912e8602 100644
--- a/packages/apps/human-app/frontend/package.json
+++ b/packages/apps/human-app/frontend/package.json
@@ -20,6 +20,7 @@
     "@emotion/styled": "^11.11.0",
     "@faker-js/faker": "^9.7.0",
     "@fontsource/inter": "^5.0.17",
+    "@fontsource/roboto": "^5.2.6",
     "@hcaptcha/react-hcaptcha": "^0.3.6",
     "@hookform/resolvers": "^5.0.1",
     "@human-protocol/sdk": "workspace:*",
diff --git a/packages/apps/human-app/frontend/src/main.tsx b/packages/apps/human-app/frontend/src/main.tsx
index a8fa0e6415..ccf792a2b6 100644
--- a/packages/apps/human-app/frontend/src/main.tsx
+++ b/packages/apps/human-app/frontend/src/main.tsx
@@ -12,6 +12,9 @@ import '@fontsource/inter/400.css';
 import '@fontsource/inter/500.css';
 import '@fontsource/inter/600.css';
 import '@fontsource/inter/800.css';
+import '@fontsource/roboto';
+import '@fontsource/roboto/400.css';
+import '@fontsource/roboto/500.css';
 import { WalletConnectProvider } from '@/shared/contexts/wallet-connect';
 import { Web3AuthProvider } from '@/modules/auth-web3/context/web3-auth-context';
 import { JWTExpirationCheck } from '@/shared/contexts/jwt-expiration-check';
diff --git a/packages/apps/human-app/frontend/src/modules/governance-banner/components/governance-banner.tsx b/packages/apps/human-app/frontend/src/modules/governance-banner/components/governance-banner.tsx
index 19373ee981..02617421d2 100644
--- a/packages/apps/human-app/frontend/src/modules/governance-banner/components/governance-banner.tsx
+++ b/packages/apps/human-app/frontend/src/modules/governance-banner/components/governance-banner.tsx
@@ -1,10 +1,9 @@
 import AccessTimeIcon from '@mui/icons-material/AccessTime';
-import { Grid, Link as MuiLink, Typography } from '@mui/material';
+import { Box, Grid, Link as MuiLink, Typography } from '@mui/material';
 import { useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { env } from '@/shared/env';
 import { useColorMode } from '@/shared/contexts/color-mode';
-import { useIsMobile } from '@/shared/hooks/use-is-mobile';
 import { useWorkerIdentityVerificationStatus } from '@/modules/worker/profile/hooks';
 import { useActiveProposalQuery } from '../hooks/use-active-proposal-query';
 
@@ -13,8 +12,8 @@ export function GovernanceBanner() {
   const { data, isLoading, isError } = useActiveProposalQuery();
   const { isVerificationCompleted } = useWorkerIdentityVerificationStatus();
   const { colorPalette } = useColorMode();
+  const { text, background } = colorPalette.banner;
   const [timeRemaining, setTimeRemaining] = useState('00:00:00');
-  const isMobile = useIsMobile('lg');
 
   useEffect(() => {
     if (!data?.deadline) return;
@@ -55,52 +54,41 @@ export function GovernanceBanner() {
   return (
     <Grid
       container
-      alignItems="center"
-      sx={{
-        backgroundColor: colorPalette.banner.background.primary,
-        color: colorPalette.banner.text.secondary,
-        borderRadius: '8px',
-        padding: '16px',
-        gap: '16px',
-        mt: -8,
-      }}
-      direction={isMobile ? 'column' : 'row'}
+      alignItems={{ xs: 'flex-start', sm: 'center' }}
+      justifyContent={{ xs: 'flex-start', sm: 'space-between' }}
+      bgcolor={background.primary}
+      color={text.secondary}
+      borderRadius="8px"
+      p={2}
+      gap={2}
+      mt={{ xs: 0, md: -8 }}
     >
       {/* Left side: Countdown & "X votes" */}
       <Grid
         item
         xs={12}
         sm="auto"
-        sx={{ display: 'flex', alignItems: 'center' }}
+        display="flex"
+        alignItems="center"
+        flexWrap={{ xs: 'wrap', sm: 'nowrap' }}
+        gap={{ xs: 2, md: 0 }}
       >
-        <AccessTimeIcon sx={{ mr: 1 }} />
-        <Typography
-          variant="body2"
-          sx={{
-            color: colorPalette.banner.text.secondary,
-          }}
-        >
-          {t('governance.timeToReveal', 'Time to reveal vote')}:
-        </Typography>
-
-        <Typography
-          variant="body1"
-          sx={{
-            ml: 1,
-            color: colorPalette.banner.text.primary,
-          }}
-        >
-          {timeRemaining}
-        </Typography>
+        <Box display="flex" alignItems="center">
+          <AccessTimeIcon sx={{ mr: 1 }} />
+          <Typography variant="body2" color={text.secondary}>
+            {t('governance.timeToReveal', 'Time to reveal vote')}:
+          </Typography>
+          <Typography variant="body1" ml={1} color={text.primary}>
+            {timeRemaining}
+          </Typography>
+        </Box>
         <Typography
           variant="body1"
-          sx={{
-            ml: 8,
-            color: colorPalette.banner.text.primary,
-            backgroundColor: colorPalette.banner.background.secondary,
-            borderRadius: '8px',
-            padding: '4px 8px',
-          }}
+          ml={{ xs: 0, md: 8 }}
+          color={text.primary}
+          bgcolor={background.secondary}
+          borderRadius="8px"
+          padding="4px 8px"
         >
           {totalVotes} {t('governance.votes', 'votes')}
         </Typography>
@@ -111,22 +99,16 @@ export function GovernanceBanner() {
         item
         xs={12}
         sm
-        sx={{
-          display: 'flex',
-          justifyContent: isMobile ? 'flex-start' : 'flex-end',
-          mt: isMobile ? 2 : 0,
-          mr: isMobile ? 0 : 2,
-        }}
+        display="flex"
+        justifyContent={{ xs: 'flex-start', sm: 'flex-end' }}
       >
         <MuiLink
           href={env.VITE_GOVERNANCE_URL}
           underline="none"
           target="_blank"
           rel="noopener noreferrer"
-          sx={{
-            fontWeight: 500,
-            color: colorPalette.banner.text.secondary,
-          }}
+          color={text.secondary}
+          fontWeight={500}
         >
           {t('governance.moreDetails', 'More details')} &rarr;
         </MuiLink>
diff --git a/packages/apps/human-app/frontend/src/modules/worker/jobs/available-jobs/hooks/use-report-abuse.ts b/packages/apps/human-app/frontend/src/modules/worker/jobs/available-jobs/hooks/use-report-abuse.ts
new file mode 100644
index 0000000000..5bb6d38a91
--- /dev/null
+++ b/packages/apps/human-app/frontend/src/modules/worker/jobs/available-jobs/hooks/use-report-abuse.ts
@@ -0,0 +1,22 @@
+import { useMutation } from '@tanstack/react-query';
+import { ApiClientError } from '@/api/http-api-client';
+import * as jobsService from '../../services/jobs.service';
+import type { ReportAbuseBody } from '../../types';
+
+interface ReportAbuseMutationOptions {
+  onError?: (status: number) => void;
+}
+
+export function useReportAbuseMutation({
+  onError,
+}: ReportAbuseMutationOptions) {
+  return useMutation({
+    mutationFn: (data: ReportAbuseBody) => jobsService.reportAbuse(data),
+    mutationKey: ['reportAbuse'],
+    onError: (error) => {
+      if (error instanceof ApiClientError) {
+        onError?.(error.status);
+      }
+    },
+  });
+}
diff --git a/packages/apps/human-app/frontend/src/modules/worker/jobs/components/index.ts b/packages/apps/human-app/frontend/src/modules/worker/jobs/components/index.ts
index 9dee5f52de..ca383549de 100644
--- a/packages/apps/human-app/frontend/src/modules/worker/jobs/components/index.ts
+++ b/packages/apps/human-app/frontend/src/modules/worker/jobs/components/index.ts
@@ -2,6 +2,7 @@ export * from './evm-address';
 export * from './jobs-tab-panel';
 export * from './my-jobs-table-actions';
 export * from './escrow-address-search-form';
-export * from './reject-button';
 export * from './reward-amount';
 export * from './sorting';
+export * from './more-button';
+export * from './report-abuse-modal';
diff --git a/packages/apps/human-app/frontend/src/modules/worker/jobs/components/more-button.tsx b/packages/apps/human-app/frontend/src/modules/worker/jobs/components/more-button.tsx
new file mode 100644
index 0000000000..492459017f
--- /dev/null
+++ b/packages/apps/human-app/frontend/src/modules/worker/jobs/components/more-button.tsx
@@ -0,0 +1,103 @@
+/* eslint-disable camelcase -- ...*/
+import { useState } from 'react';
+import MoreHorizIcon from '@mui/icons-material/MoreHoriz';
+import { Button, MenuList, ListItemButton, Popover } from '@mui/material';
+import { useParams } from 'react-router-dom';
+import { useTranslation } from 'react-i18next';
+import { useModal } from '@/shared/contexts/modal-context';
+import { useIsMobile } from '@/shared/hooks/use-is-mobile';
+import { useResignJobMutation } from '../my-jobs/hooks';
+import { type MyJob } from '../schemas';
+import { ReportAbuseModal } from './report-abuse-modal';
+
+interface MoreButtonProps {
+  job: MyJob;
+  isDisabled: boolean;
+}
+
+export function MoreButton({ job, isDisabled }: MoreButtonProps) {
+  const [anchorEl, setAnchorEl] = useState<HTMLButtonElement | null>(null);
+  const { address: oracleAddress } = useParams<{ address: string }>();
+  const { mutate: rejectTaskMutation } = useResignJobMutation();
+  const { openModal, closeModal } = useModal();
+  const isMobile = useIsMobile();
+  const { t } = useTranslation();
+
+  const isOpen = Boolean(anchorEl);
+
+  const handleCancelTask = () => {
+    setAnchorEl(null);
+    rejectTaskMutation({
+      oracle_address: oracleAddress ?? '',
+      assignment_id: job.assignment_id,
+    });
+  };
+
+  const handleOpenReportAbuseModal = () => {
+    setAnchorEl(null);
+    openModal({
+      content: (
+        <ReportAbuseModal
+          close={closeModal}
+          escrowAddress={job.escrow_address}
+          chainId={job.chain_id}
+        />
+      ),
+      showCloseButton: false,
+    });
+  };
+
+  return (
+    <>
+      <Button
+        disabled={isDisabled}
+        sx={{
+          minWidth: 'unset',
+          width: { xs: '48px', md: '30px' },
+          height: { xs: '48px', md: '30px' },
+          p: 1,
+          border: isMobile ? '1px solid #858ec6' : 'none',
+          borderRadius: '4px',
+          color: '#858ec6',
+        }}
+        onClick={(e) => {
+          !isDisabled && setAnchorEl(e.currentTarget);
+        }}
+      >
+        <MoreHorizIcon />
+      </Button>
+      <Popover
+        open={isOpen}
+        anchorEl={anchorEl}
+        onClose={() => {
+          setAnchorEl(null);
+        }}
+        anchorOrigin={{
+          vertical: isMobile ? 'top' : 'bottom',
+          horizontal: 'right',
+        }}
+        transformOrigin={{
+          vertical: isMobile ? 'bottom' : 'top',
+          horizontal: 'right',
+        }}
+        slotProps={{
+          paper: {
+            elevation: 8,
+            sx: {
+              mt: isMobile ? -1 : 1,
+            },
+          },
+        }}
+      >
+        <MenuList>
+          <ListItemButton onClick={handleCancelTask}>
+            {t('worker.reportAbuse.cancel')}
+          </ListItemButton>
+          <ListItemButton onClick={handleOpenReportAbuseModal}>
+            {t('worker.reportAbuse.reportAbuse')}
+          </ListItemButton>
+        </MenuList>
+      </Popover>
+    </>
+  );
+}
diff --git a/packages/apps/human-app/frontend/src/modules/worker/jobs/components/my-jobs-table-actions.tsx b/packages/apps/human-app/frontend/src/modules/worker/jobs/components/my-jobs-table-actions.tsx
index 5ad4849298..886dc72875 100644
--- a/packages/apps/human-app/frontend/src/modules/worker/jobs/components/my-jobs-table-actions.tsx
+++ b/packages/apps/human-app/frontend/src/modules/worker/jobs/components/my-jobs-table-actions.tsx
@@ -1,11 +1,9 @@
-/* eslint-disable camelcase -- ...*/
-import { Link, useParams } from 'react-router-dom';
+import { Link } from 'react-router-dom';
 import { useTranslation } from 'react-i18next';
 import { TableButton } from '@/shared/components/ui/table-button';
-import { useResignJobMutation } from '../my-jobs/hooks';
 import { MyJobStatus } from '../types';
 import { type MyJob } from '../schemas';
-import { RejectButton } from './reject-button';
+import { MoreButton } from './more-button';
 
 interface MyJobsTableRejectActionProps {
   job: MyJob;
@@ -15,10 +13,7 @@ export function MyJobsTableActions({
   job,
 }: Readonly<MyJobsTableRejectActionProps>) {
   const { t } = useTranslation();
-  const { mutate: rejectTaskMutation, isPending: isRejectPending } =
-    useResignJobMutation();
-  const { address: oracleAddress } = useParams<{ address: string }>();
-  const buttonDisabled = job.status !== MyJobStatus.ACTIVE || isRejectPending;
+  const isDisabled = job.status !== MyJobStatus.ACTIVE;
 
   if (!job.url) {
     return null;
@@ -28,24 +23,19 @@ export function MyJobsTableActions({
     <>
       <TableButton
         component={Link}
-        disabled={buttonDisabled}
+        disabled={isDisabled}
         fullWidth
         target="_blank"
         to={job.url}
-        sx={{ maxWidth: { xs: 'unset', sm: '160px' } }}
+        sx={{
+          height: { xs: '48px', md: '30px' },
+          maxWidth: { xs: 'unset', sm: '160px' },
+          flex: { xs: 1, md: 'unset' },
+        }}
       >
         {t('worker.jobs.solve')}
       </TableButton>
-      <RejectButton
-        disabled={buttonDisabled}
-        loading={isRejectPending}
-        onClick={() => {
-          rejectTaskMutation({
-            oracle_address: oracleAddress ?? '',
-            assignment_id: job.assignment_id,
-          });
-        }}
-      />
+      <MoreButton job={job} isDisabled={isDisabled} />
     </>
   );
 }
diff --git a/packages/apps/human-app/frontend/src/modules/worker/jobs/components/reject-button.tsx b/packages/apps/human-app/frontend/src/modules/worker/jobs/components/reject-button.tsx
deleted file mode 100644
index d3f78d05ea..0000000000
--- a/packages/apps/human-app/frontend/src/modules/worker/jobs/components/reject-button.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import CloseIcon from '@mui/icons-material/Close';
-import type { CustomButtonProps } from '@/shared/components/ui/button';
-import { TableButton } from '@/shared/components/ui/table-button';
-
-export function RejectButton(props: CustomButtonProps) {
-  return (
-    <TableButton
-      {...props}
-      sx={{
-        padding: '0.4rem',
-        minWidth: 'unset',
-        display: 'flex',
-        justifyContent: 'center',
-        alignItems: 'center',
-        ...props.sx,
-      }}
-    >
-      <CloseIcon
-        sx={{
-          display: 'flex',
-          justifyContent: 'center',
-          alignItems: 'center',
-        }}
-      />
-    </TableButton>
-  );
-}
diff --git a/packages/apps/human-app/frontend/src/modules/worker/jobs/components/report-abuse-modal.tsx b/packages/apps/human-app/frontend/src/modules/worker/jobs/components/report-abuse-modal.tsx
new file mode 100644
index 0000000000..879ebd2c65
--- /dev/null
+++ b/packages/apps/human-app/frontend/src/modules/worker/jobs/components/report-abuse-modal.tsx
@@ -0,0 +1,169 @@
+/* eslint-disable camelcase */
+import { useState } from 'react';
+import {
+  Box,
+  Button,
+  CircularProgress,
+  Stack,
+  Typography,
+  TextField,
+} from '@mui/material';
+import ErrorIcon from '@mui/icons-material/Error';
+import SuccessIcon from '@mui/icons-material/CheckCircle';
+import { useTranslation } from 'react-i18next';
+import { useIsMobile } from '@/shared/hooks/use-is-mobile';
+import { colorPalette } from '@/shared/styles/color-palette';
+import { useReportAbuseMutation } from '../available-jobs/hooks/use-report-abuse';
+
+interface ReportAbuseModalProps {
+  escrowAddress: string;
+  chainId: number;
+  close: () => void;
+}
+
+const ABUSE_ERROR = 'Abuse has already been reported';
+
+function ErrorState({ error }: { error: string }) {
+  const { t } = useTranslation();
+
+  const isAbuseError = error === ABUSE_ERROR;
+  const errorColor = colorPalette.error.main;
+
+  return (
+    <Stack alignItems="center" textAlign="center" gap={2} my={5}>
+      <ErrorIcon sx={{ color: errorColor, width: 40, height: 40 }} />
+      {isAbuseError ? (
+        <>
+          <Typography
+            component="p"
+            variant="h5"
+            fontWeight={700}
+            color={errorColor}
+          >
+            {t('worker.reportAbuse.modalHeaderAlreadyReportedError')}
+          </Typography>
+          <Typography variant="body1" color={errorColor}>
+            {t('worker.reportAbuse.modalParagraphAlreadyReportedError')}
+          </Typography>
+        </>
+      ) : (
+        <Typography variant="body1" color={errorColor}>
+          {t('worker.reportAbuse.modalUnknownError')}
+        </Typography>
+      )}
+    </Stack>
+  );
+}
+
+function SuccessState() {
+  const { t } = useTranslation();
+  return (
+    <Stack alignItems="center" textAlign="center" gap={2} my={5}>
+      <SuccessIcon
+        sx={{ color: colorPalette.success.main, width: 40, height: 40 }}
+      />
+      <Typography component="p" variant="h5" fontWeight={700}>
+        {t('worker.reportAbuse.modalSuccessHeader')}
+      </Typography>
+      <Typography variant="body1">
+        {t('worker.reportAbuse.modalSuccessParagraph')}
+      </Typography>
+    </Stack>
+  );
+}
+
+export function ReportAbuseModal({
+  escrowAddress,
+  chainId,
+  close,
+}: ReportAbuseModalProps) {
+  const [reason, setReason] = useState('');
+  const [error, setError] = useState('');
+  const isMobile = useIsMobile();
+  const { t } = useTranslation();
+
+  const {
+    mutate: reportAbuseMutation,
+    isSuccess,
+    isError,
+    isIdle,
+    isPending,
+  } = useReportAbuseMutation({
+    onError: (status) => {
+      if (status === 422) {
+        setError(ABUSE_ERROR);
+      } else {
+        setError('Something went wrong');
+      }
+    },
+  });
+
+  const isIdleOrLoading = isIdle || isPending;
+
+  const handleReportAbuse = () => {
+    reason.trim().length > 0 &&
+      reportAbuseMutation({
+        escrow_address: escrowAddress,
+        chain_id: chainId,
+        reason: reason.trim(),
+      });
+  };
+
+  return (
+    <Stack
+      px={{ xs: 1, md: 5 }}
+      pt={{ xs: 0, md: 3.5 }}
+      pb={{ xs: 1.5, md: 5.5 }}
+      alignItems="center"
+    >
+      <Typography variant="h4" mb={2}>
+        {t('worker.reportAbuse.modalHeader')}
+      </Typography>
+      {isIdleOrLoading && (
+        <Typography variant={isMobile ? 'body2' : 'body1'} textAlign="center">
+          {t('worker.reportAbuse.modalParagraph')}
+        </Typography>
+      )}
+      {isPending && <CircularProgress size={40} sx={{ mx: 'auto', my: 7 }} />}
+      {isError && <ErrorState error={error} />}
+      {isSuccess && <SuccessState />}
+      <TextField
+        fullWidth
+        multiline
+        rows={3}
+        label={t('worker.reportAbuse.modalReason')}
+        value={reason}
+        sx={{
+          display: isIdle ? 'flex' : 'none',
+          my: { xs: 4, md: 5 },
+        }}
+        onChange={(e) => {
+          setReason(e.target.value);
+        }}
+      />
+      <Box display="flex" gap={2} width="100%">
+        <Button
+          fullWidth
+          onClick={close}
+          variant="outlined"
+          disabled={isPending}
+        >
+          {isIdleOrLoading
+            ? t('worker.reportAbuse.cancel')
+            : t('worker.reportAbuse.close')}
+        </Button>
+        <Button
+          fullWidth
+          onClick={handleReportAbuse}
+          variant="contained"
+          disabled={!reason.trim() || isPending}
+          sx={{ display: isIdleOrLoading ? 'flex' : 'none' }}
+        >
+          {isMobile
+            ? t('worker.reportAbuse.report')
+            : t('worker.reportAbuse.reportAbuse')}
+        </Button>
+      </Box>
+    </Stack>
+  );
+}
diff --git a/packages/apps/human-app/frontend/src/modules/worker/jobs/my-jobs/components/desktop/columns.tsx b/packages/apps/human-app/frontend/src/modules/worker/jobs/my-jobs/components/desktop/columns.tsx
index 4d7aa02284..2f6767d2f6 100644
--- a/packages/apps/human-app/frontend/src/modules/worker/jobs/my-jobs/components/desktop/columns.tsx
+++ b/packages/apps/human-app/frontend/src/modules/worker/jobs/my-jobs/components/desktop/columns.tsx
@@ -135,7 +135,14 @@ export const getColumnsDefinition = ({
     size: 100,
     enableSorting: true,
     Cell: (props) => (
-      <Grid sx={{ display: 'flex', justifyContent: 'flex-end', gap: '1rem' }}>
+      <Grid
+        sx={{
+          display: 'flex',
+          justifyContent: 'flex-end',
+          alignItems: 'center',
+          gap: 2,
+        }}
+      >
         <MyJobsTableActions job={props.row.original} />
       </Grid>
     ),
diff --git a/packages/apps/human-app/frontend/src/modules/worker/jobs/my-jobs/components/mobile/my-jobs-list-mobile.tsx b/packages/apps/human-app/frontend/src/modules/worker/jobs/my-jobs/components/mobile/my-jobs-list-mobile.tsx
index ea51b3ce32..02df479459 100644
--- a/packages/apps/human-app/frontend/src/modules/worker/jobs/my-jobs/components/mobile/my-jobs-list-mobile.tsx
+++ b/packages/apps/human-app/frontend/src/modules/worker/jobs/my-jobs/components/mobile/my-jobs-list-mobile.tsx
@@ -181,7 +181,7 @@ export function MyJobsListMobile() {
                     sx={{
                       display: 'flex',
                       justifyContent: 'flex-end',
-                      gap: '1rem',
+                      gap: 1,
                       width: '100%',
                     }}
                   >
diff --git a/packages/apps/human-app/frontend/src/modules/worker/jobs/services/jobs.service.ts b/packages/apps/human-app/frontend/src/modules/worker/jobs/services/jobs.service.ts
index 8abcbb9c0c..166dea37f9 100644
--- a/packages/apps/human-app/frontend/src/modules/worker/jobs/services/jobs.service.ts
+++ b/packages/apps/human-app/frontend/src/modules/worker/jobs/services/jobs.service.ts
@@ -10,6 +10,7 @@ import {
   type RefreshJobsBody,
   type RejectTaskBody,
   type AvailableJobsSuccessResponse,
+  type ReportAbuseBody,
 } from '../types';
 
 const apiPaths = {
@@ -19,6 +20,7 @@ const apiPaths = {
   resignJob: '/assignment/resign-job',
   refreshJobs: '/assignment/refresh',
   uiConfig: '/ui-config',
+  reportAbuse: '/abuse/report',
 };
 
 async function fetchAvailableJobs(args: JobsBody) {
@@ -102,4 +104,17 @@ async function refreshJobs(data: RefreshJobsBody) {
   }
 }
 
-export { fetchAvailableJobs, fetchMyJobs, assignJob, resignJob, refreshJobs };
+function reportAbuse(data: ReportAbuseBody) {
+  return authorizedHumanAppApiClient.post(apiPaths.reportAbuse, {
+    body: { ...data },
+  });
+}
+
+export {
+  fetchAvailableJobs,
+  fetchMyJobs,
+  assignJob,
+  resignJob,
+  refreshJobs,
+  reportAbuse,
+};
diff --git a/packages/apps/human-app/frontend/src/modules/worker/jobs/types.ts b/packages/apps/human-app/frontend/src/modules/worker/jobs/types.ts
index cb6f85f3c4..d2317b7cf0 100644
--- a/packages/apps/human-app/frontend/src/modules/worker/jobs/types.ts
+++ b/packages/apps/human-app/frontend/src/modules/worker/jobs/types.ts
@@ -52,3 +52,9 @@ export interface AssignJobBody {
 export interface RefreshJobsBody {
   oracle_address: string;
 }
+
+export interface ReportAbuseBody {
+  escrow_address: string;
+  chain_id: number;
+  reason: string;
+}
diff --git a/packages/apps/human-app/frontend/src/router/components/layout/protected/bottom-menu-items-list.tsx b/packages/apps/human-app/frontend/src/router/components/layout/protected/bottom-menu-items-list.tsx
index 347a53071e..8bf0bafb4d 100644
--- a/packages/apps/human-app/frontend/src/router/components/layout/protected/bottom-menu-items-list.tsx
+++ b/packages/apps/human-app/frontend/src/router/components/layout/protected/bottom-menu-items-list.tsx
@@ -13,7 +13,6 @@ import { colorPalette } from '@/shared/styles/color-palette';
 import { onlyDarkModeColor } from '@/shared/styles/dark-color-palette';
 import { isDrawerItem } from '../helpers';
 import { type MenuItem, type DrawerItem } from './drawer-navigation';
-import { NAVBAR_PADDING } from './navbar';
 
 interface MenuItemListProps {
   handleItemClick: (item: DrawerItem) => void;
@@ -37,7 +36,7 @@ export function BottomMenuItemsList({
                 direction="row"
                 sx={{
                   width: '100%',
-                  mx: isMobile ? '28px' : NAVBAR_PADDING,
+                  mx: isMobile ? 7 : 2,
                 }}
               >
                 {item}
diff --git a/packages/apps/human-app/frontend/src/router/components/layout/protected/navbar.tsx b/packages/apps/human-app/frontend/src/router/components/layout/protected/navbar.tsx
index e8172f18e1..685c95bc61 100644
--- a/packages/apps/human-app/frontend/src/router/components/layout/protected/navbar.tsx
+++ b/packages/apps/human-app/frontend/src/router/components/layout/protected/navbar.tsx
@@ -9,8 +9,6 @@ import { useIsHCaptchaLabelingPage } from '@/shared/hooks/use-is-hcaptcha-labeli
 import { useColorMode } from '@/shared/contexts/color-mode';
 import { useHandleMainNavIconClick } from '@/shared/hooks/use-handle-main-nav-icon-click';
 
-export const NAVBAR_PADDING = '16px';
-
 interface NavbarProps {
   open: boolean;
   setOpen: (open: boolean) => void;
@@ -74,8 +72,8 @@ export function Navbar({
         backgroundColor: colorPalette.backgroundColor,
         display: { xs: 'flex', md: 'none' },
         width: '100%',
-        px: isMobile ? NAVBAR_PADDING : 0,
-        py: isMobile ? '32px' : 0,
+        px: isMobile ? 4 : 0,
+        py: isMobile ? 3 : 0,
         zIndex: '130',
         position: open ? 'sticky' : 'relative',
         top: open ? '0' : 'unset',
diff --git a/packages/apps/human-app/frontend/src/router/components/layout/protected/top-menu-items-list.tsx b/packages/apps/human-app/frontend/src/router/components/layout/protected/top-menu-items-list.tsx
index 529a3222f0..972ea1ee56 100644
--- a/packages/apps/human-app/frontend/src/router/components/layout/protected/top-menu-items-list.tsx
+++ b/packages/apps/human-app/frontend/src/router/components/layout/protected/top-menu-items-list.tsx
@@ -13,7 +13,6 @@ import { colorPalette } from '@/shared/styles/color-palette';
 import { onlyDarkModeColor } from '@/shared/styles/dark-color-palette';
 import { isDrawerItem } from '../helpers';
 import { type DrawerItem, type MenuItem } from './drawer-navigation';
-import { NAVBAR_PADDING } from './navbar';
 
 interface MenuItemListProps {
   handleItemClick: (item: DrawerItem) => void;
@@ -38,12 +37,7 @@ export function TopMenuItemsList({
         if (!isDrawerItem(item)) {
           return (
             <ListItem key={`list-item-${item.key}`}>
-              <Stack
-                direction="row"
-                sx={{
-                  ml: isMobile ? '28px' : NAVBAR_PADDING,
-                }}
-              >
+              <Stack direction="row" ml={{ xs: 7, md: 2 }}>
                 {item}
               </Stack>
             </ListItem>
diff --git a/packages/apps/human-app/frontend/src/shared/components/ui/modal/global-modal.tsx b/packages/apps/human-app/frontend/src/shared/components/ui/modal/global-modal.tsx
index 8061f5a401..16958d5dc7 100644
--- a/packages/apps/human-app/frontend/src/shared/components/ui/modal/global-modal.tsx
+++ b/packages/apps/human-app/frontend/src/shared/components/ui/modal/global-modal.tsx
@@ -12,6 +12,11 @@ export function GlobalModal() {
       open={open}
       onClose={closeModal}
       onTransitionExited={onTransitionExited}
+      PaperProps={{
+        sx: {
+          flex: 1,
+        },
+      }}
     >
       <ModalHeader
         closeButton={{
diff --git a/packages/apps/human-app/frontend/src/shared/i18n/en.json b/packages/apps/human-app/frontend/src/shared/i18n/en.json
index 1296e089fc..5363f1a7b9 100644
--- a/packages/apps/human-app/frontend/src/shared/i18n/en.json
+++ b/packages/apps/human-app/frontend/src/shared/i18n/en.json
@@ -303,6 +303,20 @@
     },
     "registerAddress": {
       "success": "The address has been successfully registered."
+    },
+    "reportAbuse": {
+      "modalHeader": "Report Abuse",
+      "modalParagraph": "Notice something inappropriate or incorrect? Let us know if this task contains harmful, offensive, or misleading content. Your report will be reviewed confidentially.",
+      "modalReason": "Reason",
+      "cancel": "Cancel",
+      "close": "Close",
+      "report": "Report",
+      "reportAbuse": "Report Abuse",
+      "modalSuccessHeader": "Thank you!",
+      "modalSuccessParagraph": "Your issue has been successfully reported. Our team has received the details and will review them shortly.",
+      "modalHeaderAlreadyReportedError": "Report Already Submitted",
+      "modalParagraphAlreadyReportedError": "This case of abuse has already been reported. Our team is currently reviewing it.",
+      "modalUnknownError": "Something went wrong."
     }
   },
   "operator": {
diff --git a/packages/apps/human-app/frontend/src/shared/styles/theme.ts b/packages/apps/human-app/frontend/src/shared/styles/theme.ts
index 4fce1894b0..871d14719e 100644
--- a/packages/apps/human-app/frontend/src/shared/styles/theme.ts
+++ b/packages/apps/human-app/frontend/src/shared/styles/theme.ts
@@ -32,6 +32,13 @@ export const theme: ThemeOptions = {
         },
       },
     },
+    MuiListItemButton: {
+      styleOverrides: {
+        root: {
+          fontFamily: 'Roboto',
+        },
+      },
+    },
     MuiCheckbox: {
       styleOverrides: {
         root: {
diff --git a/packages/apps/human-app/server/src/integrations/reputation-oracle/reputation-oracle.gateway.ts b/packages/apps/human-app/server/src/integrations/reputation-oracle/reputation-oracle.gateway.ts
index 6fcb8fe0ab..adebda27cf 100644
--- a/packages/apps/human-app/server/src/integrations/reputation-oracle/reputation-oracle.gateway.ts
+++ b/packages/apps/human-app/server/src/integrations/reputation-oracle/reputation-oracle.gateway.ts
@@ -92,6 +92,7 @@ import {
 import {
   ReportAbuseCommand,
   ReportAbuseData,
+  ReportAbuseParams,
   ReportedAbuseResponse,
 } from '../../modules/abuse/model/abuse.model';
 
@@ -421,7 +422,11 @@ export class ReputationOracleGateway {
   }
 
   async sendAbuseReport(command: ReportAbuseCommand) {
-    const data = this.mapper.map(command, ReportAbuseCommand, ReportAbuseData);
+    const data = this.mapper.map(
+      command.data,
+      ReportAbuseParams,
+      ReportAbuseData,
+    );
     const options = this.getEndpointOptions(
       ReputationOracleEndpoints.REPORT_ABUSE,
       data,
diff --git a/packages/apps/human-app/server/src/integrations/reputation-oracle/reputation-oracle.mapper.profile.ts b/packages/apps/human-app/server/src/integrations/reputation-oracle/reputation-oracle.mapper.profile.ts
index 842416bc19..1c147e2833 100644
--- a/packages/apps/human-app/server/src/integrations/reputation-oracle/reputation-oracle.mapper.profile.ts
+++ b/packages/apps/human-app/server/src/integrations/reputation-oracle/reputation-oracle.mapper.profile.ts
@@ -59,8 +59,8 @@ import {
 } from '../../modules/user-operator/model/operator-signin.model';
 import { SignNDACommand, SignNDAData } from '../../modules/nda/model/nda.model';
 import {
-  ReportAbuseCommand,
   ReportAbuseData,
+  ReportAbuseParams,
 } from '../../modules/abuse/model/abuse.model';
 
 @Injectable()
@@ -159,7 +159,7 @@ export class ReputationOracleProfile extends AutomapperProfile {
       );
       createMap(
         mapper,
-        ReportAbuseCommand,
+        ReportAbuseParams,
         ReportAbuseData,
         namingConventions({
           source: new CamelCaseNamingConvention(),
diff --git a/yarn.lock b/yarn.lock
index df8db15002..299c0d183d 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3372,6 +3372,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@fontsource/roboto@npm:^5.2.6":
+  version: 5.2.6
+  resolution: "@fontsource/roboto@npm:5.2.6"
+  checksum: 10c0/a2fbadf2f3b8ebb859e7b13ad82d25e8b43901c30ad93b08095c201617fcfded279d99e64a7b110614d2a1b5bca77631df7d009abf1ad6c6a4df301ceb330a51
+  languageName: node
+  linkType: hard
+
 "@gerrit0/mini-shiki@npm:^3.7.0":
   version: 3.7.0
   resolution: "@gerrit0/mini-shiki@npm:3.7.0"
@@ -4199,6 +4206,7 @@ __metadata:
     "@emotion/styled": "npm:^11.11.0"
     "@faker-js/faker": "npm:^9.7.0"
     "@fontsource/inter": "npm:^5.0.17"
+    "@fontsource/roboto": "npm:^5.2.6"
     "@hcaptcha/react-hcaptcha": "npm:^0.3.6"
     "@hookform/resolvers": "npm:^5.0.1"
     "@human-protocol/sdk": "workspace:*"