From 0667d9f0165b47d78aa5e3d64cdf67b5ff070417 Mon Sep 17 00:00:00 2001
From: Sivin Varghese <64252451+iamsivin@users.noreply.github.com>
Date: Fri, 25 Mar 2022 19:20:53 +0530
Subject: [PATCH] fix: Avatars get cropped on the widget (#4238)

Co-authored-by: Fayaz Ahmed <15716057+fayazara@users.noreply.github.com>
Co-authored-by: Muhsin Keloth <muhsinkeramam@gmail.com>
---
 app/javascript/widget/components/GroupedAvatars.vue   | 2 +-
 app/javascript/widget/components/TeamAvailability.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/javascript/widget/components/GroupedAvatars.vue b/app/javascript/widget/components/GroupedAvatars.vue
index eafe71e0c..8f361580a 100644
--- a/app/javascript/widget/components/GroupedAvatars.vue
+++ b/app/javascript/widget/components/GroupedAvatars.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="flex overflow-hidden">
+  <div class="flex">
     <span
       v-for="(user, index) in users"
       :key="user.id"
diff --git a/app/javascript/widget/components/TeamAvailability.vue b/app/javascript/widget/components/TeamAvailability.vue
index b0c7d9f7e..c4e19742d 100644
--- a/app/javascript/widget/components/TeamAvailability.vue
+++ b/app/javascript/widget/components/TeamAvailability.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="px-5">
     <div class="flex items-center justify-between mb-4">
-      <div class="text-black-700">
+      <div class="text-black-700 max-w-xs">
         <div class="text-base leading-5 font-medium mb-1">
           {{
             isOnline