diff --git a/govtool/frontend/package-lock.json b/govtool/frontend/package-lock.json
index 62274e080..0e7c41064 100644
--- a/govtool/frontend/package-lock.json
+++ b/govtool/frontend/package-lock.json
@@ -13,7 +13,7 @@
         "@emotion/styled": "^11.11.0",
         "@emurgo/cardano-serialization-lib-asmjs": "^12.1.1",
         "@hookform/resolvers": "^3.3.1",
-        "@intersect.mbo/govtool-outcomes-pillar-ui": "1.2.5",
+        "@intersect.mbo/govtool-outcomes-pillar-ui": "1.3.0",
         "@intersect.mbo/intersectmbo.org-icons-set": "^1.0.8",
         "@intersect.mbo/pdf-ui": "0.6.4",
         "@mui/icons-material": "^5.14.3",
@@ -3389,16 +3389,20 @@
       }
     },
     "node_modules/@intersect.mbo/govtool-outcomes-pillar-ui": {
-      "version": "1.2.5",
-      "resolved": "https://registry.npmjs.org/@intersect.mbo/govtool-outcomes-pillar-ui/-/govtool-outcomes-pillar-ui-1.2.5.tgz",
-      "integrity": "sha512-z0QDUZKj262vvNCtjr2L8ILgeub8da3ryhMhgLJpuxuO1zfEBUhTuwUPkRuLBE1Gf52TW/AfgmR2qXANsjY4/Q==",
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/@intersect.mbo/govtool-outcomes-pillar-ui/-/govtool-outcomes-pillar-ui-1.3.0.tgz",
+      "integrity": "sha512-6+H+QG8kyM2UUEycNsjrF1K5+UGUw6+wy7gRxlyOtFjIrZ9CUdTfwwyD1hrh+g55awZ4t+EmQgYB00An0iXOag==",
       "license": "ISC",
       "dependencies": {
         "@fontsource/poppins": "^5.0.14",
         "@intersect.mbo/intersectmbo.org-icons-set": "^1.0.8",
-        "axios": "^1.7.9",
+        "axios": "^1.8.4",
         "bech32": "^2.0.0",
-        "buffer": "^6.0.3"
+        "buffer": "^6.0.3",
+        "react-diff-view": "^3.2.1",
+        "rehype-katex": "^7.0.1",
+        "remark-math": "^6.0.0",
+        "unidiff": "^1.0.4"
       },
       "peerDependencies": {
         "@emotion/react": "^11.11.4",
@@ -10025,9 +10029,9 @@
       }
     },
     "node_modules/axios": {
-      "version": "1.7.9",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-1.7.9.tgz",
-      "integrity": "sha512-LhLcE7Hbiryz8oMDdDptSrWowmB4Bl6RCt6sIJKpRB4XtVf0iEgewX3au/pJqm+Py1kCASkb/FFKjxQaLtxJvw==",
+      "version": "1.8.4",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.8.4.tgz",
+      "integrity": "sha512-eBSYY4Y68NNlHbHBMdeDmKNtDgXWhQsJcGqzO3iLUM0GraQFSS9cVgPX5I9b3lbdFKyYoAEGAZF1DwhTaljNAw==",
       "license": "MIT",
       "dependencies": {
         "follow-redirects": "^1.15.6",
diff --git a/govtool/frontend/package.json b/govtool/frontend/package.json
index 4f9ba9651..b06e66a8d 100644
--- a/govtool/frontend/package.json
+++ b/govtool/frontend/package.json
@@ -27,7 +27,7 @@
     "@emotion/styled": "^11.11.0",
     "@emurgo/cardano-serialization-lib-asmjs": "^12.1.1",
     "@hookform/resolvers": "^3.3.1",
-    "@intersect.mbo/govtool-outcomes-pillar-ui": "1.2.5",
+    "@intersect.mbo/govtool-outcomes-pillar-ui": "1.3.0",
     "@intersect.mbo/intersectmbo.org-icons-set": "^1.0.8",
     "@intersect.mbo/pdf-ui": "0.6.4",
     "@mui/icons-material": "^5.14.3",
diff --git a/govtool/frontend/src/pages/GovernanceActionOutComes.tsx b/govtool/frontend/src/pages/GovernanceActionOutComes.tsx
index cf703d9b0..79db53f63 100644
--- a/govtool/frontend/src/pages/GovernanceActionOutComes.tsx
+++ b/govtool/frontend/src/pages/GovernanceActionOutComes.tsx
@@ -3,6 +3,7 @@ import React, { Suspense } from "react";
 import { Footer, TopNav } from "@/components/organisms";
 import { useCardano } from "@/context";
 import { useScreenDimension } from "@/hooks";
+import { Background } from "@/components/atoms";
 
 const GovernanceActionsOutcomes = React.lazy(
   () => import("@intersect.mbo/govtool-outcomes-pillar-ui/dist/esm"),
@@ -10,45 +11,49 @@ const GovernanceActionsOutcomes = React.lazy(
 
 export const GovernanceActionOutComesPillar = () => {
   const { pagePadding } = useScreenDimension();
-  const { ...context } = useCardano();
+  const { walletApi, ...context } = useCardano();
   return (
-    <Box
-      sx={{
-        display: "flex",
-        flexDirection: "column",
-        flex: 1,
-        minHeight: !context.isEnabled ? "100vh" : "auto",
-      }}
-    >
-      {!context.isEnabled && <TopNav />}
+    <Background>
       <Box
         sx={{
-          px: context.isEnabled ? { xs: 2, sm: 5 } : pagePadding,
-          py: 3,
           display: "flex",
+          flexDirection: "column",
           flex: 1,
+          minHeight: !context.isEnabled ? "100vh" : "auto",
         }}
       >
-        <Suspense
-          fallback={
-            <Box
-              sx={{
-                display: "flex",
-                flex: 1,
-                alignItems: "center",
-                justifyContent: "center",
-              }}
-            >
-              <CircularProgress />
-            </Box>
-          }
+        {!context.isEnabled && <TopNav />}
+        <Box
+          sx={{
+            px: context.isEnabled ? { xs: 2, sm: 5 } : pagePadding,
+            py: 3,
+            display: "flex",
+            flex: 1,
+          }}
         >
-          <GovernanceActionsOutcomes
-            apiUrl={import.meta.env.VITE_OUTCOMES_API_URL}
-          />
-        </Suspense>
+          <Suspense
+            fallback={
+              <Box
+                sx={{
+                  display: "flex",
+                  flex: 1,
+                  alignItems: "center",
+                  justifyContent: "center",
+                }}
+              >
+                <CircularProgress />
+              </Box>
+            }
+          >
+            <GovernanceActionsOutcomes
+              apiUrl={import.meta.env.VITE_OUTCOMES_API_URL}
+              ipfsGateway={import.meta.env.VITE_IPFS_GATEWAY}
+              walletAPI={{ ...context, ...walletApi }}
+            />
+          </Suspense>
+        </Box>
+        {!context.isEnabled && <Footer />}
       </Box>
-      {!context.isEnabled && <Footer />}
-    </Box>
+    </Background>
   );
 };
diff --git a/govtool/frontend/src/types/@intersect.mbo.d.ts b/govtool/frontend/src/types/@intersect.mbo.d.ts
index 9c8409f65..c86979137 100644
--- a/govtool/frontend/src/types/@intersect.mbo.d.ts
+++ b/govtool/frontend/src/types/@intersect.mbo.d.ts
@@ -28,6 +28,8 @@ type ProposalDiscussionProps = {
 
 type GovernanceActionsOutcomesProps = {
   apiUrl?: string;
+  ipfsGateway?: string;
+  walletAPI?: any;
 };
 
 declare module "@intersect.mbo/pdf-ui/cjs" {
diff --git a/govtool/frontend/yarn.lock b/govtool/frontend/yarn.lock
index 3f245350d..0ff6abf1a 100644
--- a/govtool/frontend/yarn.lock
+++ b/govtool/frontend/yarn.lock
@@ -1487,16 +1487,20 @@
   resolved "https://registry.npmjs.org/@inquirer/type/-/type-3.0.4.tgz"
   integrity sha512-2MNFrDY8jkFYc9Il9DgLsHhMzuHnOYM1+CUYVWbzu9oT0hC7V7EcYvdCKeoll/Fcci04A+ERZ9wcc7cQ8lTkIA==
 
-"@intersect.mbo/govtool-outcomes-pillar-ui@1.2.5":
-  version "1.2.5"
-  resolved "https://registry.npmjs.org/@intersect.mbo/govtool-outcomes-pillar-ui/-/govtool-outcomes-pillar-ui-1.2.5.tgz"
-  integrity sha512-z0QDUZKj262vvNCtjr2L8ILgeub8da3ryhMhgLJpuxuO1zfEBUhTuwUPkRuLBE1Gf52TW/AfgmR2qXANsjY4/Q==
+"@intersect.mbo/govtool-outcomes-pillar-ui@1.3.0":
+  version "1.3.0"
+  resolved "https://registry.npmjs.org/@intersect.mbo/govtool-outcomes-pillar-ui/-/govtool-outcomes-pillar-ui-1.3.0.tgz"
+  integrity sha512-6+H+QG8kyM2UUEycNsjrF1K5+UGUw6+wy7gRxlyOtFjIrZ9CUdTfwwyD1hrh+g55awZ4t+EmQgYB00An0iXOag==
   dependencies:
     "@fontsource/poppins" "^5.0.14"
     "@intersect.mbo/intersectmbo.org-icons-set" "^1.0.8"
-    axios "^1.7.9"
+    axios "^1.8.4"
     bech32 "^2.0.0"
     buffer "^6.0.3"
+    react-diff-view "^3.2.1"
+    rehype-katex "^7.0.1"
+    remark-math "^6.0.0"
+    unidiff "^1.0.4"
 
 "@intersect.mbo/intersectmbo.org-icons-set@^1.0.8", "@intersect.mbo/intersectmbo.org-icons-set@^1.1.0":
   version "1.1.0"
@@ -4486,10 +4490,10 @@ axe-core@^4.10.0:
   resolved "https://registry.npmjs.org/axe-core/-/axe-core-4.10.2.tgz"
   integrity sha512-RE3mdQ7P3FRSe7eqCWoeQ/Z9QXrtniSjp1wUjt5nRC3WIpz5rSCve6o3fsZ2aCpJtrZjSZgjwXAoTO5k4tEI0w==
 
-axios@^1.4.0, axios@^1.6.1, axios@^1.7.2, axios@^1.7.9:
-  version "1.7.9"
-  resolved "https://registry.npmjs.org/axios/-/axios-1.7.9.tgz"
-  integrity sha512-LhLcE7Hbiryz8oMDdDptSrWowmB4Bl6RCt6sIJKpRB4XtVf0iEgewX3au/pJqm+Py1kCASkb/FFKjxQaLtxJvw==
+axios@^1.4.0, axios@^1.6.1, axios@^1.7.2, axios@^1.8.4:
+  version "1.8.4"
+  resolved "https://registry.npmjs.org/axios/-/axios-1.8.4.tgz"
+  integrity sha512-eBSYY4Y68NNlHbHBMdeDmKNtDgXWhQsJcGqzO3iLUM0GraQFSS9cVgPX5I9b3lbdFKyYoAEGAZF1DwhTaljNAw==
   dependencies:
     follow-redirects "^1.15.6"
     form-data "^4.0.0"