fix disabled button styling

src/App.js

@@ -5,9 +5,5 @@ import { RsvpReader } from './components/RsvpReader'
 import { IconContext } from 'react-icons'
 
 export const App = () => {
-  return (
+  return <RsvpReader></RsvpReader>
-    <IconContext.Provider value={{ color: 'grey', size: '1.4em' }}>
-      <RsvpReader></RsvpReader>
-    </IconContext.Provider>
-  )
 }

src/styles/IconButton.css

@@ -7,6 +7,8 @@
   padding: 3px;
   /* width: 1.4em; */
   /* height: 1.4em; */
+  font-size: 1.4em;
+  color: grey;
 }
 
 .svgButton svg {
@@ -28,9 +30,8 @@
 }
 
 .svgButton[disabled] svg {
-  transform: scale(1.5);
+  color: #c7c7c7;
-
+  transform: scale(1);
-  color: '#c7c7c7';
 }
 
 .a11yLabel {