From 9cc530e9644498b253c3e8592e022d4d91156233 Mon Sep 17 00:00:00 2001
From: Rodrigo Antinarelli <rodrigoantinarelli@gmail.com>
Date: Mon, 6 Apr 2020 22:28:45 -0300
Subject: [PATCH] fix tooltip width

---
 platform/ui/src/views/ToolbarHeader/ToolbarHeader.mdx | 6 +++---
 platform/ui/tailwind.config.js                        | 1 +
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/platform/ui/src/views/ToolbarHeader/ToolbarHeader.mdx b/platform/ui/src/views/ToolbarHeader/ToolbarHeader.mdx
index 11a097fb6..6068d2e0f 100644
--- a/platform/ui/src/views/ToolbarHeader/ToolbarHeader.mdx
+++ b/platform/ui/src/views/ToolbarHeader/ToolbarHeader.mdx
@@ -94,7 +94,7 @@ components.
             </IconButton>
             <div
               class={classnames(
-                'absolute bg-primary-dark border border-secondary-main text-white text-base rounded py-1 px-4 inset-x-auto top-full mt-2 transition duration-300',
+                'absolute bg-primary-dark border border-secondary-main text-white text-base rounded py-1 px-4 inset-x-auto top-full mt-2 transition duration-300 w-max-content',
                 {
                   'visible opacity-1': shouldShowTooltip,
                   'invisible opacity-0': !shouldShowTooltip,
@@ -103,8 +103,8 @@ components.
             >
               {tool.label}
               <svg
-                class="absolute text-primary-dark h-2 w-full left-0 top-full transform scale-150"
-                style={{ top: -8 }}
+                class="absolute text-primary-dark w-full h-4 left-0"
+                style={{ top: -15 }}
                 xmlns="http://www.w3.org/2000/svg"
                 width="24"
                 height="24"
diff --git a/platform/ui/tailwind.config.js b/platform/ui/tailwind.config.js
index 66fb7d97d..e87cdde3b 100644
--- a/platform/ui/tailwind.config.js
+++ b/platform/ui/tailwind.config.js
@@ -499,6 +499,7 @@ module.exports = {
       '23/24': '95.83333333%',
       full: '100%',
       screen: '100vw',
+      'max-content': 'max-content',
     }),
     zIndex: {
       auto: 'auto',