diff --git a/app/components/Sidebar/components/Toggle.tsx b/app/components/Sidebar/components/Toggle.tsx
index a45bc5cd3..ec7f5e7f5 100644
--- a/app/components/Sidebar/components/Toggle.tsx
+++ b/app/components/Sidebar/components/Toggle.tsx
@@ -49,6 +49,10 @@ export const ToggleButton = styled.button<{ $direction?: "left" | "right" }>`
     pointer-events: all;
     cursor: pointer;
   `}
+
+  @media (hover: none) {
+    opacity: 1;
+  }
 `;
 
 export const Positioner = styled.div`