diff --git a/src/bin/BinYards.tsx b/src/bin/BinYards.tsx
index ce76d99..ff582dd 100644
--- a/src/bin/BinYards.tsx
+++ b/src/bin/BinYards.tsx
@@ -123,7 +123,7 @@ const useStyles = makeStyles((theme: Theme) => {
       borderRadius: "-5px",
       borderTopLeftRadius: "6px",
       borderTopRightRadius: "6px",
-      background: theme.palette.background.default
+      background: theme.palette.background.default,
           // "linear-gradient(rgba(150, 150, 150, 0.3)," 
           // + theme.palette.background.default + " 80%)"
       // "&:hover": {
diff --git a/src/theme/theme.ts b/src/theme/theme.ts
index 360bf3d..4997cfd 100644
--- a/src/theme/theme.ts
+++ b/src/theme/theme.ts
@@ -13,8 +13,8 @@ export function CreateTheme(themeType: "light" | "dark"): Theme {
 
 function generateBackgroundShades(themeType: "light" | "dark") {
   if(themeType==="light") return ({
-    default: "#f2f2f2",
-    paper: "#fafafa"
+    default: "#e2e2e2",
+    paper: "#fafafa",
   })
 
   return {