From 9f8c8f441acb173a0270cd1c15bcb2dfc8be93f0 Mon Sep 17 00:00:00 2001
From: Andrew Nguyen <phongnguyentuan20@gmail.com>
Date: Thu, 21 Oct 2021 17:06:35 -0400
Subject: [PATCH] fix: embedded video no longer overflows

---
 styles/notion.css | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/styles/notion.css b/styles/notion.css
index 22cd7c4..ab3547e 100644
--- a/styles/notion.css
+++ b/styles/notion.css
@@ -1,7 +1,7 @@
 /**
  * This file contains site-specifc style overrides for Notion elements from
  * react-notion-x.
- * 
+ *
  * react-notion-x's goal is to match styling as close as possible to Notion,
  * whereas our goal with this site is to adjust Notion's styling in a few key
  * places to add some flare.
@@ -34,6 +34,13 @@
   margin-bottom: 1em;
 }
 
+/* <-- Fix embedded video's size overflows its container */
+.notion-asset-wrapper-video > div,
+.notion-asset-wrapper-video video {
+  width: 100% !important;
+}
+/* Fix embedded video's size overflows its container --> */
+
 .notion-header .nav-header {
   max-width: 1100px;
   margin: 0 auto;