From f4d836e9df15a328ef8e20206bcefbc390c2144b Mon Sep 17 00:00:00 2001
From: lingdocs <71590811+lingdocs@users.noreply.github.com>
Date: Wed, 27 Jul 2022 21:34:59 -0500
Subject: [PATCH] touchup

---
 src/content/index.ts                | 6 ++++++
 src/content/verbs/ability.mdx       | 5 +++++
 src/content/verbs/passive-voice.mdx | 4 ++--
 3 files changed, 13 insertions(+), 2 deletions(-)
 create mode 100644 src/content/verbs/ability.mdx

diff --git a/src/content/index.ts b/src/content/index.ts
index 309adbb..f1548e5 100644
--- a/src/content/index.ts
+++ b/src/content/index.ts
@@ -71,6 +71,8 @@ import * as perfectVerbsIntro from "!babel-loader!@lingdocs/mdx-loader!./verbs/p
 import * as allPerfectVerbs from "!babel-loader!@lingdocs/mdx-loader!./verbs/all-perfect-verbs.mdx";
 // @ts-ignore
 import * as passiveVoice from "!babel-loader!@lingdocs/mdx-loader!./verbs/passive-voice.mdx";
+// @ts-ignore
+import * as ability from "!babel-loader!@lingdocs/mdx-loader!./verbs/ability.mdx";
 
 // @ts-ignore
 import * as compoundVerbsIntro from "!babel-loader!@lingdocs/mdx-loader!./compound-verbs/intro.mdx";
@@ -272,6 +274,10 @@ const contentTree: (ChapterSection | ChaptersSection)[] = [
                 import: verbEndings,
                 slug: "verb-endings",
             },
+            {
+                import: ability,
+                slug: "ability",
+            },
             {
                 import: passiveVoice,
                 slug: "passive-voice",
diff --git a/src/content/verbs/ability.mdx b/src/content/verbs/ability.mdx
new file mode 100644
index 0000000..91dce67
--- /dev/null
+++ b/src/content/verbs/ability.mdx
@@ -0,0 +1,5 @@
+---
+title: Ability
+---
+
+COMING SOON
\ No newline at end of file
diff --git a/src/content/verbs/passive-voice.mdx b/src/content/verbs/passive-voice.mdx
index b6add28..bb306ca 100644
--- a/src/content/verbs/passive-voice.mdx
+++ b/src/content/verbs/passive-voice.mdx
@@ -110,8 +110,8 @@ This can be done in two simple steps: 👨‍🍳
 
 <div className="mb-3">
     <div
-        className="d-flex flex-row justify-content-between align-items-center"
-        style={{ overflowX: "auto" }}
+        className="d-flex flex-row align-items-center justify-content-center"
+        style={{ overflowX: "auto", maxWidth: "700px" }}
     >
         <div>
         <img src={passiveRootsCopy} style={{ maxWidth: "275px" }} />