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',