fix-slider-horizontal-annotation-pannel

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>