Merge pull request #6032 from escattone/limit-width-of-product-metada…

…ta-tooltip-for-kb-articles-1810

limit width of tooltip for product KB metadata

kitsune/sumo/static/sumo/scss/base/_utilities.scss

@@ -119,6 +119,7 @@
 .tooltip-container {
   position: relative;
   display: flex;
+  flex-wrap: wrap;
   align-items: center;
 }
 
@@ -130,6 +131,26 @@
   position: absolute;
   width: max-content;
   visibility: hidden;
+
+  @media #{p.$mq-xs} {
+    max-width: p.$content-xs;
+  }
+
+  @media #{p.$mq-sm} {
+    max-width: p.$content-sm;
+  }
+
+  @media #{p.$mq-md} {
+    max-width: p.$content-md;
+  }
+
+  @media #{p.$mq-lg} {
+    max-width: p.$content-lg;
+  }
+
+  @media #{p.$mq-xl} {
+    max-width: p.$content-xl;
+  }
 }
 
 .tooltip-container:hover .tooltip {