diff --git a/packages/ui-drawer-layout/src/DrawerLayout/index.js b/packages/ui-drawer-layout/src/DrawerLayout/index.js
index <HASH>..<HASH> 100644
--- a/packages/ui-drawer-layout/src/DrawerLayout/index.js
+++ b/packages/ui-drawer-layout/src/DrawerLayout/index.js
@@ -47,7 +47,7 @@ category: components
 **/
 @testable()
 @bidirectional()
-@themeable(styles)
+@themeable(null, styles)
 class DrawerLayout extends Component {
   static locatorAttribute = 'data-drawer-layout'
   static propTypes = {
diff --git a/packages/ui-layout/src/DrawerLayout/index.js b/packages/ui-layout/src/DrawerLayout/index.js
index <HASH>..<HASH> 100644
--- a/packages/ui-layout/src/DrawerLayout/index.js
+++ b/packages/ui-layout/src/DrawerLayout/index.js
@@ -49,7 +49,7 @@ id: DeprecatedDrawerLayout
 @deprecated('7.0.0', null, 'Use DrawerLayout from ui-drawer-layout instead.')
 @testable()
 @bidirectional()
-@themeable(styles)
+@themeable(null, styles)
 class DrawerLayout extends Component {
   static locatorAttribute = 'data-drawer-layout'
   static propTypes = {
fix(ui-drawer-layout): Fix no styles applied on root

Test plan:
- DrawerLayout and DeprecatedDrawerLayout should have the
  .root class applied to their outermost container again,
  and scrolling should work.

Change-Id: I<I>d<I>e1b<I>d<I>eefbd<I>cf1bce3a<I>d
Reviewed-on: <URL>