From 97fdb46df8263e031f531cc9bf193bf65ee9452e Mon Sep 17 00:00:00 2001
From: Micah Godbolt <micahgodbolt@gmail.com>
Date: Tue, 5 Mar 2019 10:53:25 -0800
Subject: [PATCH] Revert "Fixing the spread on theme.effects.elevation due to
 some chnages (#87)" (#88)

This reverts commit 6e014b20af2ca8be03f69b4ebee5dd1581343aa1.
---
 step2-03/demo/src/components/TodoApp.tsx     | 2 +-
 step2-03/exercise/src/components/TodoApp.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

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> {