diff --git a/packages/email-templates/src/components/content.tsx b/packages/email-templates/src/components/content.tsx
new file mode 100644
index 000000000..3a2e845e5
--- /dev/null
+++ b/packages/email-templates/src/components/content.tsx
@@ -0,0 +1,19 @@
+import { Container } from '@react-email/components';
+import * as React from 'react';
+
+export function EmailContent(
+  props: React.PropsWithChildren<{
+    className?: string;
+  }>,
+) {
+  return (
+    <Container
+      className={
+        'rounded-xl my-[8px] px-[24px] py-[12px] mx-auto border border-solid border-[#eeeeee] ' +
+          props.className || ''
+      }
+    >
+      {props.children}
+    </Container>
+  );
+}
diff --git a/packages/email-templates/src/components/header.tsx b/packages/email-templates/src/components/header.tsx
new file mode 100644
index 000000000..e43b089d8
--- /dev/null
+++ b/packages/email-templates/src/components/header.tsx
@@ -0,0 +1,10 @@
+import { Container } from '@react-email/components';
+import * as React from 'react';
+
+export function EmailHeader(props: React.PropsWithChildren) {
+  return (
+    <Container>
+      {props.children}
+    </Container>
+  );
+}