diff --git a/src/annotationForm/AnnotationFormTime.js b/src/annotationForm/AnnotationFormTime.js index 3f7cbce14b2a3918305e638312516f730aa24450..8c372eec97c293a07e7810d5b6d923c692dc28b3 100644 --- a/src/annotationForm/AnnotationFormTime.js +++ b/src/annotationForm/AnnotationFormTime.js @@ -38,6 +38,9 @@ const StyledDivToggleButton = styled('div')(({ theme }) => ({ display: 'flex', flexDirection: 'column', })); +const ContainerSlider = styled('div')(({ theme }) => ({ + padding: '10px', +})); const StyledLabelSelector = styled('p')(({ theme }) => ({ fontSize: '15px', @@ -66,7 +69,7 @@ function AnnotationFormTime({ <Typography id="range-slider" variant="overline"> Target </Typography> - <div> + <ContainerSlider> <StyledSlider size="small" value={value} @@ -77,7 +80,7 @@ function AnnotationFormTime({ color="secondary" windowid={windowid} /> - </div> + </ContainerSlider> </Grid> <StyledDivFormTimeContainer> <StyledDivTimeSelector>