From 92e7be34e370c2f73a4d3c57f299a9966dc5dee3 Mon Sep 17 00:00:00 2001
From: Leonard Kim <leonard.kim@8x8.com>
Date: Tue, 17 Sep 2019 10:50:58 -0700
Subject: [PATCH] fix(icons): scope white svgs to Icon components

---
 css/_base.scss                               | 2 +-
 react/features/base/icons/components/Icon.js | 7 +++++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/css/_base.scss b/css/_base.scss
index 119db372e..c535f571f 100644
--- a/css/_base.scss
+++ b/css/_base.scss
@@ -33,7 +33,7 @@ body {
     }
 }
 
-svg {
+.jitsi-icon svg {
     fill: white;
 }
 
diff --git a/react/features/base/icons/components/Icon.js b/react/features/base/icons/components/Icon.js
index 243677144..460909006 100644
--- a/react/features/base/icons/components/Icon.js
+++ b/react/features/base/icons/components/Icon.js
@@ -11,7 +11,7 @@ type Props = {
     /**
      * Class name for the web platform, if any.
      */
-    className?: string,
+    className: string,
 
     /**
      * Color of the icon (if not provided by the style object).
@@ -68,7 +68,7 @@ export default function Icon(props: Props) {
 
     return (
         <Container
-            className = { className }
+            className = { `jitsi-icon ${className}` }
             style = { restStyle }>
             <IconComponent
                 fill = { calculatedColor }
@@ -79,3 +79,6 @@ export default function Icon(props: Props) {
     );
 }
 
+Icon.defaultProps = {
+    className: ''
+};