diff --git a/packages/webapp/src/containers/Drawers/ManualJournalDrawer/ManualJournalDrawerActionBar.tsx b/packages/webapp/src/containers/Drawers/ManualJournalDrawer/ManualJournalDrawerActionBar.tsx
index 90cb60879..fff777a35 100644
--- a/packages/webapp/src/containers/Drawers/ManualJournalDrawer/ManualJournalDrawerActionBar.tsx
+++ b/packages/webapp/src/containers/Drawers/ManualJournalDrawer/ManualJournalDrawerActionBar.tsx
@@ -13,6 +13,7 @@ import {
   DrawerActionsBar,
   Can,
   FormattedMessage as T,
+  If,
 } from '@/components';
 
 import withAlertsActions from '@/containers/Alert/withAlertActions';
@@ -35,7 +36,7 @@ function ManualJournalDrawerActionBar({
   closeDrawer,
 }) {
   const history = useHistory();
-  const { manualJournalId } = useManualJournalDrawerContext();
+  const { manualJournalId, manualJournal } = useManualJournalDrawerContext();
 
   // Handle edit manual journal action.
   const handleEditManualJournal = () => {
@@ -48,6 +49,11 @@ function ManualJournalDrawerActionBar({
     openAlert('journal-delete', { manualJournalId });
   };
 
+  // Handle manual journal publish action.
+  const handlePublishManualJournal = () => {
+    openAlert('journal-publish', { manualJournalId });
+  };
+
   return (
     <DrawerActionsBar>
       <NavbarGroup>
@@ -59,6 +65,19 @@ function ManualJournalDrawerActionBar({
             onClick={handleEditManualJournal}
           />
         </Can>
+
+        <If condition={!manualJournal.is_published}>
+          <Can I={ManualJournalAction.Edit} a={AbilitySubject.ManualJournal}>
+            <NavbarDivider />
+            <Button
+              className={Classes.MINIMAL}
+              icon={<Icon icon="arrow-to-top" />}
+              text={'Publish'}
+              intent={Intent.SUCCESS}
+              onClick={handlePublishManualJournal}
+            />
+          </Can>
+        </If>
         <Can I={ManualJournalAction.Delete} a={AbilitySubject.ManualJournal}>
           <NavbarDivider />
           <Button