From 814d793e1cf58144ce8c6e52bc3789a6d894bc12 Mon Sep 17 00:00:00 2001
From: William Grant <willmgrant@gmail.com>
Date: Mon, 19 Feb 2024 15:53:39 +1100
Subject: [PATCH] fix: show hide button position

---
 ts/components/inputs/SessionInput2.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/ts/components/inputs/SessionInput2.tsx b/ts/components/inputs/SessionInput2.tsx
index b11db882e..99b994210 100644
--- a/ts/components/inputs/SessionInput2.tsx
+++ b/ts/components/inputs/SessionInput2.tsx
@@ -11,6 +11,7 @@ import { SpacerMD } from '../basic/Text';
 import { SessionIconButton } from '../icon';
 
 const StyledInputContainer = styled(Flex)<{ error: boolean }>`
+  position: relative;
   width: 280px;
 
   label {
@@ -68,7 +69,8 @@ const ErrorItem = (props: { id: string; error: string }) => {
 
 const ShowHideButton = (props: { toggleForceShow: Noop }) => {
   const htmlDirection = useHTMLDirection();
-  const position = htmlDirection === 'ltr' ? { right: '0px' } : { left: '0px' };
+  const position =
+    htmlDirection === 'ltr' ? { right: 'var(--margins-md)' } : { left: 'var(--margins-md)' };
 
   return (
     <SessionIconButton