From 5e066070e9ee15056b4cb943a52540a0921fd04d Mon Sep 17 00:00:00 2001
From: Josue <josue.quilon-barrios@senecacollege.ca>
Date: Tue, 9 Mar 2021 17:21:51 -0500
Subject: [PATCH] refactor: add opacity to paper component

---
 striker-ui/components/Panel.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/striker-ui/components/Panel.tsx b/striker-ui/components/Panel.tsx
index 474f6eb9..5cd7c20c 100644
--- a/striker-ui/components/Panel.tsx
+++ b/striker-ui/components/Panel.tsx
@@ -16,21 +16,24 @@ const useStyles = makeStyles(() => ({
     borderStyle: 'solid',
     borderColor: TEXT,
   },
+  paper: {
+    opacity: 0.7,
+  },
 }));
 
 const Panel = ({ children }: Props): JSX.Element => {
   const classes = useStyles();
 
   return (
-    <Paper>
+    <>
       <Box display="flex" justifyContent="flex-start">
         <Box className={classes.rectangle} />
       </Box>
-      {children}
+      <Paper className={classes.paper}>{children}</Paper>
       <Box display="flex" justifyContent="flex-end">
         <Box className={classes.rectangle} />
       </Box>
-    </Paper>
+    </>
   );
 };