From f5a5bab0bef47a494b376f01c297c10b4614db97 Mon Sep 17 00:00:00 2001
From: Karl Horky <karl.horky@gmail.com>
Date: Mon, 4 Mar 2019 00:49:40 +0100
Subject: [PATCH 1/2] Allow overriding container styles

---
 packages/mdx-deck-code-surfer/src/deck-code-surfer.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/mdx-deck-code-surfer/src/deck-code-surfer.js b/packages/mdx-deck-code-surfer/src/deck-code-surfer.js
index a294f793..9648e106 100644
--- a/packages/mdx-deck-code-surfer/src/deck-code-surfer.js
+++ b/packages/mdx-deck-code-surfer/src/deck-code-surfer.js
@@ -57,6 +57,7 @@ class InnerCodeSurfer extends React.Component {
       theme,
       prismTheme,
       showNumbers,
+      containerStyles,
       ...rest
     } = this.props;
 
@@ -82,12 +83,13 @@ class InnerCodeSurfer extends React.Component {
           color: prismTheme && prismTheme.plain.color,
           display: "flex",
           alignItems: "center",
-          justifyContent: "center"
+          justifyContent: "center",
+          ...(containerStyles || {})
         }}
       >
         <div
           style={{
-            height: "100vh",
+            height: (containerStyles && containerStyles.height) || "100vh",
             display: "flex",
             flexDirection: "column",
             justifyContent: "center"

From 366cdb317f338e88e372a15644e74a4296fada40 Mon Sep 17 00:00:00 2001
From: Karl Horky <karl.horky@gmail.com>
Date: Mon, 4 Mar 2019 15:23:00 +0100
Subject: [PATCH 2/2] Apply container width to inner div as well

---
 packages/mdx-deck-code-surfer/src/deck-code-surfer.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/mdx-deck-code-surfer/src/deck-code-surfer.js b/packages/mdx-deck-code-surfer/src/deck-code-surfer.js
index 9648e106..dc15748f 100644
--- a/packages/mdx-deck-code-surfer/src/deck-code-surfer.js
+++ b/packages/mdx-deck-code-surfer/src/deck-code-surfer.js
@@ -92,7 +92,10 @@ class InnerCodeSurfer extends React.Component {
             height: (containerStyles && containerStyles.height) || "100vh",
             display: "flex",
             flexDirection: "column",
-            justifyContent: "center"
+            justifyContent: "center",
+            ...(containerStyles && containerStyles.width
+              ? { width: containerStyles.width }
+              : {})
           }}
         >
           {currentTitle && <Title title={currentTitle} />}