diff --git a/src/components/Map/PluginsDrawer/PluginContent/PluginContent.component.tsx b/src/components/Map/PluginsDrawer/PluginContent/PluginContent.component.tsx
index 732577d8c824b0c935fd8de9ae29d88a6727c1ea..c335cc6f7c349ab11a980e991e1cd1fc976353f0 100644
--- a/src/components/Map/PluginsDrawer/PluginContent/PluginContent.component.tsx
+++ b/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"
       />
     </>
   );
diff --git a/src/components/Map/PluginsDrawer/PluginsHeader/PluginHeaderInfo/PluginHeaderInfo.component.tsx b/src/components/Map/PluginsDrawer/PluginsHeader/PluginHeaderInfo/PluginHeaderInfo.component.tsx
index 43844ab06cec1fd88be84d6672985ff625b5bc31..7e5df8a4309f7e2f5bc6d40e33f3b8fe6b5b37f1 100644
--- a/src/components/Map/PluginsDrawer/PluginsHeader/PluginHeaderInfo/PluginHeaderInfo.component.tsx
+++ b/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>
diff --git a/src/components/Map/PluginsDrawer/PluginsHeader/PluginsHeader.component.tsx b/src/components/Map/PluginsDrawer/PluginsHeader/PluginsHeader.component.tsx
index b8706250a73ad82f6e930ade48aa14fac0b725ad..6e82f8ef15837a3bb687c5e340d7764a73315746 100644
--- a/src/components/Map/PluginsDrawer/PluginsHeader/PluginsHeader.component.tsx
+++ b/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
diff --git a/src/components/Map/PluginsDrawer/PluginsTabs/PluginsTabs.component.tsx b/src/components/Map/PluginsDrawer/PluginsTabs/PluginsTabs.component.tsx
index 0ed9089edcc613b1d414a56887cde5e68ad2acbe..90e8f679770da1041d18aa5a24fdb6efd9116290 100644
--- a/src/components/Map/PluginsDrawer/PluginsTabs/PluginsTabs.component.tsx
+++ b/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}