Corrections for the svg. Viewbox added plus css rules

src/atoms/Avatar.js

@@ -10,6 +10,7 @@ const Avatar = ({ status, width, height }) => {
       <svg
         className={classes[classValue]}
         xmlns="http://www.w3.org/2000/svg"
+        viewbox={`0 0 ${width ? width + 5 : '105'} ${height ? height : '70'}`}
         width={width ? width : '100'}
         height={height ? height : '70'}
       >

src/atoms/Avatar.local.scss

 figure {
-  width: 6em;
+  width: auto;
   margin: 0 auto 2px;
+  text-align: center;
+}
+
+svg {
+  max-width: 100%;
+  width: auto;
+  max-height: 100vh;
+  height: auto;
 }
 
 .default {