Don't use the theme background color for survey modal

Author: CompuIves

packages/app/src/app/pages/common/Modals/SurveyModal/SurveyModal.tsx

@@ -3,7 +3,7 @@ import * as typeformEmbed from '@typeform/embed';
 import { useStore, useSignals } from 'app/store';
 import hash from '@codesandbox/common/lib/utils/hash';
 
-import { Container } from '../elements';
+import { Container } from './elements';
 
 export const SurveyModal = () => {
   const store = useStore();
@@ -32,7 +32,7 @@ export const SurveyModal = () => {
   };
 
   return (
-    <Container style={{ borderRadius: 4, paddingTop: '1rem' }}>
+    <Container>
       <div style={{ width: '100%', height: 500 }} ref={initializeTypeform} />
     </Container>
   );

packages/app/src/app/pages/common/Modals/SurveyModal/elements.ts

@@ -0,0 +1,10 @@
+import styled from 'styled-components';
+
+export const Container = styled.div`
+  background-color: ${props => props.theme.background2};
+  color: ${props => props.theme.white};
+  padding: 1rem;
+  margin: 0;
+  border-radius: 4px;
+  overflow: hidden;
+`;