fix(plugin): plugin div container height (MIN-310)

src/components/Map/PluginsDrawer/PluginContent/PluginContent.component.tsx

@@ -16,7 +16,7 @@ export const PluginContent = (): JSX.Element => {
       <div
         id={PLUGINS_CONTENT_ELEMENT_ID}
         data-testid="drawer-plugins-content"
-        className="h-full"
+        className="h-[calc(100%-166px)] max-h-[calc(100%-166px)] overflow-y-auto"
       />
     </>
   );

src/components/Map/PluginsDrawer/PluginsHeader/PluginHeaderInfo/PluginHeaderInfo.component.tsx

@@ -23,7 +23,9 @@ export const PluginHeaderInfo = ({ plugin }: Props): JSX.Element => {
 
   return (
     <>
-      Plugin: <b>{plugin.name}</b>
+      <p className="truncate">
+        Plugin: <b title={plugin.name}>{plugin.name}</b>
+      </p>
       <button type="button" onClick={reloadPlugin} role={RELOAD_PLUGIN_DRAWER_BUTTON_ROLE}>
         <Icon name="reload" />
       </button>

src/components/Map/PluginsDrawer/PluginsHeader/PluginsHeader.component.tsx

@@ -21,7 +21,7 @@ export const PluginsHeader = (): JSX.Element => {
       data-testid="drawer-plugins-header"
     >
       <div className="flex w-full justify-between">
-        <div className="flex items-center gap-2 text-xl">
+        <div className="flex max-w-[90%] items-center gap-2 text-xl">
           {currentPlugin ? <PluginHeaderInfo plugin={currentPlugin} /> : <>No plugin selected</>}
         </div>
         <IconButton

src/components/Map/PluginsDrawer/PluginsTabs/PluginsTabs.component.tsx

@@ -24,7 +24,7 @@ export const PluginsTabs = (): JSX.Element => {
 
   return (
     <div
-      className="flex h-10 w-full flex-row flex-nowrap justify-start border-b border-b-divide bg-white-pearl text-xs"
+      className="flex w-full flex-row flex-nowrap justify-start overflow-x-auto overflow-y-clip border-b border-b-divide bg-white-pearl text-xs"
       data-testid="drawer-plugins-tab"
     >
       {isPluginsEmpty ? pluginsEmptyInfo : pluginsTabs}