From 0b4c46e7a1f8c77d2cff66d3f8fd91e0d3666907 Mon Sep 17 00:00:00 2001
From: craigmccahill <craig.mccahill@gmail.com>
Date: Mon, 19 Dec 2022 15:54:54 +0000
Subject: [PATCH] feat: style video in expanding container

---
 .../beta/teachers/lessons/[lessonSlug].tsx      | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/pages/beta/teachers/lessons/[lessonSlug].tsx b/src/pages/beta/teachers/lessons/[lessonSlug].tsx
index b08a1e471f..f08ece12b7 100644
--- a/src/pages/beta/teachers/lessons/[lessonSlug].tsx
+++ b/src/pages/beta/teachers/lessons/[lessonSlug].tsx
@@ -155,13 +155,16 @@ const LessonOverviewPage: NextPage<LessonOverviewPageProps> = ({
           <Box>Presentaion element</Box>
         </ExpandingContainer>
         <ExpandingContainer title={"Video"} downloadable={true}>
-          {/* video goes here */}
-          <VideoPlayer
-            playbackId={video}
-            playbackPolicy={"signed"}
-            title={lessonTitle}
-            location={"lesson"}
-          />
+          <Flex $mt={[0, 16]} $justifyContent={"center"} $width={"100%"}>
+            <Box $maxWidth={["100%", 840]}>
+              <VideoPlayer
+                playbackId={video}
+                playbackPolicy={"signed"}
+                title={lessonTitle}
+                location={"lesson"}
+              />
+            </Box>
+          </Flex>
         </ExpandingContainer>
         <ExpandingContainer title={"Worksheet"} downloadable={true}>
           <Box>Worksheet element</Box>