From c044cf233b74c96aaf2e60696f8a161ce882e11a Mon Sep 17 00:00:00 2001
From: adueck <adueck@users.noreply.github.com>
Date: Tue, 17 Dec 2024 21:11:42 -0500
Subject: [PATCH] m

---
 src/content/writing/MinimalPairs.tsx | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/content/writing/MinimalPairs.tsx b/src/content/writing/MinimalPairs.tsx
index b155560..264d553 100644
--- a/src/content/writing/MinimalPairs.tsx
+++ b/src/content/writing/MinimalPairs.tsx
@@ -20,10 +20,14 @@ export default function MinimalPairs({
         {opened ? "▼" : "▶"} View Pairs
       </h5>
       <SmoothCollapse expanded={opened}>
-        {section.pairs.map((pairs) => (
-          <div className="d-flex flex-row" style={{ gap: "1rem" }}>
-            {pairs.map((e) => (
-              <PairItem entry={e} opts={opts} />
+        {section.pairs.map((pairs, i) => (
+          <div className="row mb-3" key={`${section.title}-${i}`}>
+            {pairs.map((e, j) => (
+              <PairItem
+                entry={e}
+                opts={opts}
+                key={`${section.title}-${i}-${j}`}
+              />
             ))}
           </div>
         ))}
@@ -40,7 +44,7 @@ function PairItem({
   opts: T.TextOptions;
 }) {
   return (
-    <div>
+    <div className="col-sm">
       <div className="mb-1">
         <InlinePs
           opts={opts}