From eb91b5e309f3b4373d13a479ccb16a51bca34ba9 Mon Sep 17 00:00:00 2001
From: nofurtherinformation <dhalpern@uchicago.edu>
Date: Tue, 26 Nov 2024 16:25:35 -0600
Subject: [PATCH] Update Sidebar.tsx

---
 app/src/app/components/sidebar/Sidebar.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/src/app/components/sidebar/Sidebar.tsx b/app/src/app/components/sidebar/Sidebar.tsx
index 972c5aa40..05af7a17b 100644
--- a/app/src/app/components/sidebar/Sidebar.tsx
+++ b/app/src/app/components/sidebar/Sidebar.tsx
@@ -7,7 +7,7 @@ import {ExitBlockViewButtons} from './ExitBlockViewButtons';
 import {Resizable} from 're-resizable';
 import { DragHandleHorizontalIcon } from '@radix-ui/react-icons';
 
-const MyHandle = () => {
+const HandleIconButton = () => {
   return <IconButton 
   variant="surface"
   color="gray"
@@ -17,7 +17,7 @@ const MyHandle = () => {
       position: 'fixed',
       width: '24px',
       height: '24px',
-      transform: 'translate(-16px, -50%)',
+      transform: 'translate(-15px, -50%)',
       cursor: 'ew-resize'
     }}
   >
@@ -29,7 +29,7 @@ export default function SidebarComponent() {
   const document_id = useMapStore(store => store.mapDocument?.document_id);
 
   return (
-    <Resizable handleComponent={{ left: <MyHandle />}}>
+    <Resizable handleComponent={{ left: <HandleIconButton />}}>
       <Box
         p="3"
         className="z-10 shadow-md flex-none overflow-y-auto