diff --git a/packages/web-twig/src/Resources/components/Container/Container.stories.twig b/packages/web-twig/src/Resources/components/Container/Container.stories.twig
index d1e2f3ff63..a1e5e0c599 100644
--- a/packages/web-twig/src/Resources/components/Container/Container.stories.twig
+++ b/packages/web-twig/src/Resources/components/Container/Container.stories.twig
@@ -6,9 +6,11 @@
{% block content %}
-
{% include '@components/Container/stories/ContainerDefault.twig' %}
+
+
+ {% include '@components/Container/stories/ContainerFluid.twig' %}
{% endblock %}
diff --git a/packages/web-twig/src/Resources/components/Container/Container.twig b/packages/web-twig/src/Resources/components/Container/Container.twig
index b279ea19d7..f907da6bc5 100644
--- a/packages/web-twig/src/Resources/components/Container/Container.twig
+++ b/packages/web-twig/src/Resources/components/Container/Container.twig
@@ -1,12 +1,14 @@
{# API #}
{%- set props = props | default([]) -%}
+{%- set _isFluid = props.isFluid | default(false) -%}
{# Class names #}
{%- set _rootClassName = _spiritClassPrefix ~ 'Container' -%}
+{%- set _rootFluidClassName = _isFluid ? _spiritClassPrefix ~ 'Container--fluid' : null -%}
{# Miscellaneous #}
{%- set _styleProps = useStyleProps(props) -%}
-{%- set _classNames = [ _rootClassName, _styleProps.className ] -%}
+{%- set _classNames = [ _rootClassName, _rootFluidClassName, _styleProps.className ] -%}
{%- block content %}{% endblock -%}
diff --git a/packages/web-twig/src/Resources/components/Container/README.md b/packages/web-twig/src/Resources/components/Container/README.md
index 455459475f..a19a4cdf9c 100644
--- a/packages/web-twig/src/Resources/components/Container/README.md
+++ b/packages/web-twig/src/Resources/components/Container/README.md
@@ -18,11 +18,21 @@ Without lexer:
{% endembed %}
```
+## Fluid Container
+
+If you need a full-width container, you can use the `isFluid` prop.
+
+```twig
+
Content
+```
+
## API
-There is no API for Container.
+| Name | Type | Default | Required | Description |
+| --------- | ------ | ------- | -------- | --------------------------- |
+| `isFluid` | `bool` | `false` | ✕ | If true, Container is fluid |
-The components accept [additional attributes][readme-additional-attributes].
+On top of the API options, the components accept [additional attributes][readme-additional-attributes].
If you need more control over the styling of a component, you can use [style props][readme-style-props]
and [escape hatches][readme-escape-hatches].
diff --git a/packages/web-twig/src/Resources/components/Container/__tests__/__fixtures__/containerDefault.twig b/packages/web-twig/src/Resources/components/Container/__tests__/__fixtures__/containerDefault.twig
index 089af370f2..c9ccbe9275 100644
--- a/packages/web-twig/src/Resources/components/Container/__tests__/__fixtures__/containerDefault.twig
+++ b/packages/web-twig/src/Resources/components/Container/__tests__/__fixtures__/containerDefault.twig
@@ -1 +1,4 @@
-
Content
\ No newline at end of file
+
Content
+
+
+
Content
diff --git a/packages/web-twig/src/Resources/components/Container/__tests__/__snapshots__/containerDefault.twig.snap.html b/packages/web-twig/src/Resources/components/Container/__tests__/__snapshots__/containerDefault.twig.snap.html
index 702900df6d..2bd98d47d4 100644
--- a/packages/web-twig/src/Resources/components/Container/__tests__/__snapshots__/containerDefault.twig.snap.html
+++ b/packages/web-twig/src/Resources/components/Container/__tests__/__snapshots__/containerDefault.twig.snap.html
@@ -8,5 +8,10 @@
Content
+
+
+
+ Content
+