X-Git-Url: https://git.arvados.org/arvados-workbench2.git/blobdiff_plain/599aa352ade599966cf2a4606a1e6a1776a0738d..HEAD:/src/views-components/side-panel-toggle/side-panel-toggle.tsx

diff --git a/src/views-components/side-panel-toggle/side-panel-toggle.tsx b/src/views-components/side-panel-toggle/side-panel-toggle.tsx
index 5c3069cd..47d34216 100644
--- a/src/views-components/side-panel-toggle/side-panel-toggle.tsx
+++ b/src/views-components/side-panel-toggle/side-panel-toggle.tsx
@@ -22,6 +22,8 @@ const SidePanelToggle = (props: collapseButtonProps) => {
             height: `${COLLAPSE_ICON_SIZE}px`,
             marginTop: '0.4rem',
             marginLeft: '0.7rem',
+            paddingTop: '1rem',
+            paddingRight: '1rem'
         },
         icon: {
             opacity: '0.5',
@@ -32,7 +34,7 @@ const SidePanelToggle = (props: collapseButtonProps) => {
         <IconButton data-cy="side-panel-toggle" style={collapseButtonIconStyles.root} onClick={() => { props.toggleSidePanel(props.isCollapsed) }}>
             <div>
                 {props.isCollapsed ?
-                    <img style={collapseButtonIconStyles.icon} src='/mui-start-icon.svg' alt='an arrow pointing right'/>
+                    <img style={{...collapseButtonIconStyles.icon, marginLeft:'0.25rem'}} src='/mui-start-icon.svg' alt='an arrow pointing right'/>
                     :
                     <img style={{ ...collapseButtonIconStyles.icon, transform: "rotate(180deg)"}} src='/mui-start-icon.svg' alt='an arrow pointing right'/>}
             </div>