diff --git a/packages/apps-routing/src/democracy.ts b/packages/apps-routing/src/democracy.ts
index 9e903e16e3..1b18edfb1c 100644
--- a/packages/apps-routing/src/democracy.ts
+++ b/packages/apps-routing/src/democracy.ts
@@ -25,7 +25,7 @@ export default function create (t: TFunction): Route {
     Component,
     display: {
       needsApi: [
-        'tx.democracy.notePreimage'
+        'tx.democracy.propose'
       ],
       needsApiCheck
     },
diff --git a/packages/page-democracy/src/Overview/PreImageButton.tsx b/packages/page-democracy/src/Overview/PreImageButton.tsx
index cde2a35f46..3e6e92e291 100644
--- a/packages/page-democracy/src/Overview/PreImageButton.tsx
+++ b/packages/page-democracy/src/Overview/PreImageButton.tsx
@@ -7,7 +7,7 @@ import type { HexString } from '@polkadot/util/types';
 import React from 'react';
 
 import { Button } from '@polkadot/react-components';
-import { useToggle } from '@polkadot/react-hooks';
+import { useApi, useToggle } from '@polkadot/react-hooks';
 
 import { useTranslation } from '../translate';
 import PreImage from './PreImage';
@@ -19,12 +19,14 @@ interface Props {
 
 function PreImageButton ({ imageHash, isImminent }: Props): React.ReactElement<Props> | null {
   const { t } = useTranslation();
+  const { api } = useApi();
   const [isPreimageOpen, togglePreimage] = useToggle();
 
   return (
     <>
       <Button
         icon='plus'
+        isDisabled={!api.tx.democracy.notePreimage}
         label={t<string>('Image')}
         onClick={togglePreimage}
       />