diff --git a/src/components/inputs/Slider/Slider.tsx b/src/components/inputs/Slider/Slider.tsx
index ac19e0f2..e06f93ce 100644
--- a/src/components/inputs/Slider/Slider.tsx
+++ b/src/components/inputs/Slider/Slider.tsx
@@ -2,7 +2,7 @@ import React, { useCallback, useLayoutEffect, useState } from 'react'
 import PropTypes from 'prop-types'
 import { StyledSlider, StyledTextField, FormControl, FormHelperText } from './SliderStyles'
 import { SliderColor, SliderProps } from './types'
-import useDebouncedCallback from 'hooks/useDebouncedCallback'
+import useDebouncedCallback from '../../../hooks/useDebouncedCallback'
 
 /**
  * Sliders allow users to make selections from a range of values.
diff --git a/src/components/inputs/TextField/TextField.tsx b/src/components/inputs/TextField/TextField.tsx
index 39d77ce1..3b766db3 100644
--- a/src/components/inputs/TextField/TextField.tsx
+++ b/src/components/inputs/TextField/TextField.tsx
@@ -8,7 +8,7 @@ import CloseIcon from '@mui/icons-material/Close'
 import { is, isNil } from 'ramda'
 import i18n from 'i18next'
 import { AddButtonProps, ClearButtonProps, NumberTextFieldProps, SubtractButtonProps, TextFieldProps } from './types'
-import useDebouncedCallback from 'hooks/useDebouncedCallback'
+import useDebouncedCallback from '../../../hooks/useDebouncedCallback'
 
 const NumberTextField = React.forwardRef<HTMLElement, NumberTextFieldProps>(function NumberFormatCustom(props, ref) {
   const {