From 40f2bed090cc1103a6e75f7258ebf83fd844831e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Keviin=20=C3=85berg=20Kultalahti?= <kevin.aberg@gmail.com>
Date: Wed, 5 May 2021 10:44:50 +0200
Subject: [PATCH] adjust font-size with size on Avatar component

---
 packages/bbui/src/Avatar/Avatar.svelte | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/packages/bbui/src/Avatar/Avatar.svelte b/packages/bbui/src/Avatar/Avatar.svelte
index be8172b05d..9a69a94834 100644
--- a/packages/bbui/src/Avatar/Avatar.svelte
+++ b/packages/bbui/src/Avatar/Avatar.svelte
@@ -24,7 +24,11 @@
     style="width: var({sizes.get(size)}); height: var({sizes.get(size)});"
   />
 {:else}
-  <div style="width: var({sizes.get(size)}); height: var({sizes.get(size)});">
+  <div
+    style="width: var({sizes.get(size)}); height: var({sizes.get(
+      size
+    )}); font-size: calc(var({sizes.get(size)}) / 2)"
+  >
     {initials}
   </div>
 {/if}
@@ -42,5 +46,6 @@
       rgba(53, 199, 86, 1) 47%
     );
     border-radius: 50%;
+    overflow: hidden;
   }
 </style>