diff --git a/src/atoms/Avatar.js b/src/atoms/Avatar.js
index f692dc8e31c8a531ba674d3dc7f518a71f2393fc..de4eb8d60e89d480871595ff98cc4b56fa86b161 100644
--- a/src/atoms/Avatar.js
+++ b/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'}
       >
diff --git a/src/atoms/Avatar.local.scss b/src/atoms/Avatar.local.scss
index 597a3c091c37e2cd77b0ee026454c22e2a51726d..c040f66d57eeb9fb187c50e075d9e7a5be9abf6e 100644
--- a/src/atoms/Avatar.local.scss
+++ b/src/atoms/Avatar.local.scss
@@ -1,6 +1,14 @@
 figure {
-  width: 6em;
+  width: auto;
   margin: 0 auto 2px;
+  text-align: center;
+}
+
+svg {
+  max-width: 100%;
+  width: auto;
+  max-height: 100vh;
+  height: auto;
 }
 
 .default {