diff --git a/ZB.MOM.WW.Theme/Directory.Build.props b/ZB.MOM.WW.Theme/Directory.Build.props
index 2ccf1e0..c8fbcf1 100644
--- a/ZB.MOM.WW.Theme/Directory.Build.props
+++ b/ZB.MOM.WW.Theme/Directory.Build.props
@@ -4,7 +4,7 @@
     <Nullable>enable</Nullable>
     <ImplicitUsings>enable</ImplicitUsings>
     <LangVersion>latest</LangVersion>
-    <Version>0.3.1</Version>
+    <Version>0.4.0</Version>
     <ManagePackageVersionsCentrally>true</ManagePackageVersionsCentrally>
   </PropertyGroup>
 </Project>
diff --git a/ZB.MOM.WW.Theme/README.md b/ZB.MOM.WW.Theme/README.md
index fcb2040..6ef8a2b 100644
--- a/ZB.MOM.WW.Theme/README.md
+++ b/ZB.MOM.WW.Theme/README.md
@@ -81,6 +81,13 @@ Served at `_content/ZB.MOM.WW.Theme/…` by the ASP.NET static-web-asset pipelin
 |---|---|
 | `css/theme.css` | Design tokens (`--accent`, `--ok`, `--warn`, …), typography, utility helpers |
 | `css/layout.css` | Side-rail shell layout, collapsible nav, `StatusPill` variants, card/field helpers |
+
+Rail-footer actions: `class="rail-btn"` is the inline default; add `rail-btn-block`
+(`class="rail-btn rail-btn-block"`) for a full-width footer button. Use the modifier rather than
+redeclaring `.rail-btn` in an app stylesheet — a local override that sets `width: 100%` overflows
+the rail, because the width resolves against the containing block and the inline version's
+`0 0.6rem` side margins are then added on top.
+
 | `fonts/ibm-plex-sans-400.woff2` | IBM Plex Sans Regular |
 | `fonts/ibm-plex-sans-600.woff2` | IBM Plex Sans SemiBold |
 | `fonts/ibm-plex-mono-500.woff2` | IBM Plex Mono Medium |
diff --git a/ZB.MOM.WW.Theme/src/ZB.MOM.WW.Theme/wwwroot/css/layout.css b/ZB.MOM.WW.Theme/src/ZB.MOM.WW.Theme/wwwroot/css/layout.css
index fd81e5b..ef18046 100644
--- a/ZB.MOM.WW.Theme/src/ZB.MOM.WW.Theme/wwwroot/css/layout.css
+++ b/ZB.MOM.WW.Theme/src/ZB.MOM.WW.Theme/wwwroot/css/layout.css
@@ -197,6 +197,17 @@
     color: var(--accent);
     text-decoration: none;
 }
+/* Full-width modifier for a rail-foot action (sign in / sign out), composed as
+   class="rail-btn rail-btn-block". Block + width:auto fills the rail inside the
+   same 0.6rem inset .rail-btn already carries. Deliberately NOT width:100% —
+   that resolves against the containing block and then *adds* the 1.2rem of side
+   margin, overflowing the rail. Apps that hand-rolled this override hit exactly
+   that. */
+.rail-btn-block {
+    display: block;
+    width: auto;
+    text-align: center;
+}
 
 /* ── Login card centring ─────────────────────────────────────────────────── */
 .login-wrap {