diff --git a/src/taskpane/components/App.tsx b/src/taskpane/components/App.tsx
index 93672f95..76225778 100644
--- a/src/taskpane/components/App.tsx
+++ b/src/taskpane/components/App.tsx
@@ -11,6 +11,7 @@ import AddDraft from "./AddDraft";
 import RemoveDraft from "./RemoveDraft";
 import AddProgressBar from "./AddProgressBar";
 import RemoveProgressBar from "./RemoveProgressBar";
+import AlignmentButtons from "./AlignmentButtons";
 import { makeStyles, Text, Subtitle1, tokens, Theme, Spinner } from "@fluentui/react-components";
 import { ShapeUnionRegular, SquareRegular, InfoRegular } from "@fluentui/react-icons";
 
@@ -194,6 +195,7 @@ const App: React.FC<AppProps> = () => {
           <Subtitle1 block className={styles.sectionTitle}>
             Alignment
           </Subtitle1>
+          <AlignmentButtons />
         </div>
         
         {/* Status message area at the bottom */}