diff --git a/src/taskpane/components/App.tsx b/src/taskpane/components/App.tsx
index 6ab2d950..8066ff9b 100644
--- a/src/taskpane/components/App.tsx
+++ b/src/taskpane/components/App.tsx
@@ -4,6 +4,9 @@ import MatchSizes from "./MatchSizes";
 import MatchProperties from "./MatchProperties";
 import RoundImage from "./RoundImage";
 import SwapPositions from "./SwapPositions";
+import InsertTitles from "./InsertTitles";
+import AddConfidential from "./AddConfidential";
+import RemoveConfidential from "./RemoveConfidential";
 import { makeStyles, Text, Subtitle1, tokens, Theme, Spinner } from "@fluentui/react-components";
 import { ShapeUnionRegular, SquareRegular, InfoRegular } from "@fluentui/react-icons";
 
@@ -157,6 +160,8 @@ const App: React.FC<AppProps> = () => {
           <RoundImage />
           <div style={{ marginTop: "8px" }}></div>
           <SwapPositions />
+          <div style={{ marginTop: "8px" }}></div>
+          <InsertTitles />
         </div>
 
         <div className={styles.section}>
@@ -169,6 +174,9 @@ const App: React.FC<AppProps> = () => {
           <Subtitle1 block className={styles.sectionTitle}>
             Confidential
           </Subtitle1>
+          <AddConfidential />
+          <div style={{ marginTop: "8px" }}></div>
+          <RemoveConfidential />
         </div>
 
         <div className={styles.section}>