diff --git a/resources/scripts/components/elements/ContentContainer.tsx b/resources/scripts/components/elements/ContentContainer.tsx
index 799f512d2..ee55e32fa 100644
--- a/resources/scripts/components/elements/ContentContainer.tsx
+++ b/resources/scripts/components/elements/ContentContainer.tsx
@@ -3,7 +3,6 @@ import { breakpoint } from '@/theme';
 import tw from 'twin.macro';
 
 const ContentContainer = styled.div`
-    max-width: 1200px;
     ${tw`mx-4`};
 
     ${breakpoint('xl')`
@@ -11,5 +10,8 @@ const ContentContainer = styled.div`
     `};
 `;
 ContentContainer.displayName = 'ContentContainer';
+ContentContainer.defaultProps = {
+    className: 'content-container',
+};
 
 export default ContentContainer;