Apply flex to the inner previous-next boxes

douglasnaphas · Mar 23, 2024 · 8cfa4b5 · 8cfa4b5
1 parent 3e1f20d
commit 8cfa4b5
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/frontend-create-haggadah/pages/read.tsx b/frontend-create-haggadah/pages/read.tsx
@@ -132,6 +132,8 @@ export default function Read() {
                         <Box
                           id="previous-button-box"
                           sx={{
+                            display: "flex",
+                            flexDirection: "row",
                             justifyContent: "flex-start",
                             flex: "1 1 auto",
                           }}
@@ -154,6 +156,8 @@ export default function Read() {
                         <Box
                           id="page-number-box"
                           sx={{
+                            display: "flex",
+                            flexDirection: "row",
                             justifyContent: "center",
                             flex: "1 1 auto",
                           }}
@@ -163,6 +167,8 @@ export default function Read() {
                         <Box
                           id="next-button-box"
                           sx={{
+                            display: "flex",
+                            flexDirection: "row",
                             justifyContent: "flex-end",
                             flex: "1 1 auto",
                           }}