diff --git a/app/components/Sidebar/Sidebar.tsx b/app/components/Sidebar/Sidebar.tsx
index 823e88e47..60227e694 100644
--- a/app/components/Sidebar/Sidebar.tsx
+++ b/app/components/Sidebar/Sidebar.tsx
@@ -311,7 +311,12 @@ const Container = styled(Flex)<ContainerProps>`
 
     ${(props: ContainerProps) => props.$isHovering && css(hoverStyles)}
 
-    &:hover,
+    &:hover {
+      ${ToggleButton} {
+        opacity: 1;
+      }
+    }
+
     &:focus-within {
       ${hoverStyles}