diff --git a/step2-03/demo/src/components/TodoApp.tsx b/step2-03/demo/src/components/TodoApp.tsx
index c952e0b..914fb03 100644
--- a/step2-03/demo/src/components/TodoApp.tsx
+++ b/step2-03/demo/src/components/TodoApp.tsx
@@ -10,7 +10,7 @@ let index = 0;
 
 const className = mergeStyles({
   padding: 25,
-  boxShadow: getTheme().effects.elevation4
+  ...getTheme().effects.elevation4
 });
 
 // Uncomment to see loadTheme
diff --git a/step2-03/exercise/src/components/TodoApp.tsx b/step2-03/exercise/src/components/TodoApp.tsx
index ed5c097..4d52c64 100644
--- a/step2-03/exercise/src/components/TodoApp.tsx
+++ b/step2-03/exercise/src/components/TodoApp.tsx
@@ -13,7 +13,7 @@ let index = 0;
 // TODO: Change this to add other CSS styles like backgroundColor, fontSize, etc
 const className = mergeStyles({
   padding: 25,
-  boxShadow: getTheme().effects.elevation4
+  ...getTheme().effects.elevation4
 });
 
 export class TodoApp extends React.Component<any, Store> {