use css composition instead of props

components/Carbon.js

@@ -153,8 +153,8 @@ class Carbon extends React.PureComponent {
         />
         {config.watermark && <Watermark light={light} />}
         <div className="container-bg">
-          {!this.props.embed && <div className="white eliminateOnRender" />}
-          {!this.props.embed && <div className="alpha eliminateOnRender" />}
+          <div className="white eliminateOnRender" />
+          <div className="alpha eliminateOnRender" />
           <div className="bg" />
         </div>
         <style jsx>
@@ -272,7 +272,7 @@ class Carbon extends React.PureComponent {
       <div className="section">
         <div className="export-container" ref={this.props.innerRef} id="export-container">
           <SpinnerWrapper loading={this.props.loading}>{content}</SpinnerWrapper>
-          {this.props.embed && <div className="twitter-png-fix" />}
+          <div className="twitter-png-fix" />
         </div>
         <style jsx>
           {`

pages/embed.js

@@ -111,11 +111,18 @@ class Embed extends React.Component {
             readOnly={this.state.readOnly}
             copyable={this.state.copyable}
             onChange={this.updateCode}
-            embed={true}
           >
             {this.state.code}
           </Carbon>
         )}
+        <style jsx global>
+          {`
+            .eliminateOnRender,
+            .twitter-png-fix {
+              display: none;
+            }
+          `}
+        </style>
       </Page>
     )
   }