diff --git a/app/react/sidebar/EnvironmentSidebar.tsx b/app/react/sidebar/EnvironmentSidebar.tsx
index b3159585b..bcae59f38 100644
--- a/app/react/sidebar/EnvironmentSidebar.tsx
+++ b/app/react/sidebar/EnvironmentSidebar.tsx
@@ -64,6 +64,7 @@ function Content({ environment, onClear }: ContentProps) {
   return (
     <SidebarSection
       title={<Title environment={environment} onClear={onClear} />}
+      hoverText={environment.Name}
       aria-label={environment.Name}
       showTitleWhenOpen
     >
diff --git a/app/react/sidebar/SidebarSection.tsx b/app/react/sidebar/SidebarSection.tsx
index f94fce945..4ac02310b 100644
--- a/app/react/sidebar/SidebarSection.tsx
+++ b/app/react/sidebar/SidebarSection.tsx
@@ -4,19 +4,24 @@ import { useSidebarState } from './useSidebarState';
 
 interface Props {
   title: ReactNode;
+  hoverText?: string;
   showTitleWhenOpen?: boolean;
   'aria-label'?: string;
 }
 
 export function SidebarSection({
   title,
+  hoverText,
   children,
   showTitleWhenOpen,
   'aria-label': ariaLabel,
 }: PropsWithChildren<Props>) {
   return (
     <div>
-      <SidebarSectionTitle showWhenOpen={showTitleWhenOpen}>
+      <SidebarSectionTitle
+        showWhenOpen={showTitleWhenOpen}
+        hoverText={hoverText}
+      >
         {title}
       </SidebarSectionTitle>
 
@@ -32,10 +37,12 @@ export function SidebarSection({
 
 interface TitleProps {
   showWhenOpen?: boolean;
+  hoverText?: string;
 }
 
 export function SidebarSectionTitle({
   showWhenOpen,
+  hoverText,
   children,
 }: PropsWithChildren<TitleProps>) {
   const { isOpen } = useSidebarState();
@@ -45,7 +52,10 @@ export function SidebarSectionTitle({
   }
 
   return (
-    <li className="ml-3 text-sm text-gray-3 transition-all duration-500 ease-in-out be:text-gray-6">
+    <li
+      title={hoverText}
+      className="ml-3 text-sm text-gray-3 transition-all duration-500 ease-in-out be:text-gray-6"
+    >
       {children}
     </li>
   );