diff --git a/packages/admin-ui/src/App.jsx b/packages/admin-ui/src/App.jsx
index b5e33847..ef523921 100644
--- a/packages/admin-ui/src/App.jsx
+++ b/packages/admin-ui/src/App.jsx
@@ -2,10 +2,10 @@ import CssBaseline from '@mui/material/CssBaseline'
 import { ThemeProvider, StyledEngineProvider } from '@mui/material/styles'
 import React, { useState } from 'react'
 import { BrowserRouter as Router } from 'react-router-dom'
-import ApolloProvider from 'src/utils/apollo'
+import ApolloProvider from './utils/apollo'
 
-import AppContext from 'src/AppContext'
-import theme from 'src/styling/theme'
+import AppContext from './AppContext'
+import theme from './styling/theme'
 
 import Main from './Main'
 import './styling/global/global.css'
diff --git a/packages/admin-ui/src/components/Carousel.jsx b/packages/admin-ui/src/components/Carousel.jsx
index e96e8ca3..4f1547bd 100644
--- a/packages/admin-ui/src/components/Carousel.jsx
+++ b/packages/admin-ui/src/components/Carousel.jsx
@@ -1,7 +1,7 @@
 import React, { memo, useState } from 'react'
 import styles from './Carousel.module.css'
-import LeftArrow from 'src/styling/icons/arrow/carousel-left-arrow.svg?react'
-import RightArrow from 'src/styling/icons/arrow/carousel-right-arrow.svg?react'
+import LeftArrow from '../styling/icons/arrow/carousel-left-arrow.svg?react'
+import RightArrow from '../styling/icons/arrow/carousel-right-arrow.svg?react'
 
 export const Carousel = memo(({ photosData, slidePhoto }) => {
   const [activeIndex, setActiveIndex] = useState(0)
diff --git a/packages/admin-ui/src/components/ConfirmDialog.jsx b/packages/admin-ui/src/components/ConfirmDialog.jsx
index 2fc880ca..62e4b115 100644
--- a/packages/admin-ui/src/components/ConfirmDialog.jsx
+++ b/packages/admin-ui/src/components/ConfirmDialog.jsx
@@ -4,11 +4,11 @@ import DialogContent from '@mui/material/DialogContent'
 import IconButton from '@mui/material/IconButton'
 import InputLabel from '@mui/material/InputLabel'
 import React, { memo, useState } from 'react'
-import { H4, P } from 'src/components/typography'
-import CloseIcon from 'src/styling/icons/action/close/zodiac.svg?react'
+import { H4, P } from './typography'
+import CloseIcon from '../styling/icons/action/close/zodiac.svg?react'
 
-import { Button } from 'src/components/buttons'
-import { TextInput } from 'src/components/inputs'
+import { Button } from './buttons'
+import { TextInput } from './inputs'
 
 import ErrorMessage from './ErrorMessage'
 import SvgIcon from '@mui/material/SvgIcon'
diff --git a/packages/admin-ui/src/components/CopyToClipboard.jsx b/packages/admin-ui/src/components/CopyToClipboard.jsx
index c4035538..131000a0 100644
--- a/packages/admin-ui/src/components/CopyToClipboard.jsx
+++ b/packages/admin-ui/src/components/CopyToClipboard.jsx
@@ -2,10 +2,10 @@ import classnames from 'classnames'
 import * as R from 'ramda'
 import React, { useState, useEffect } from 'react'
 import { CopyToClipboard as ReactCopyToClipboard } from 'react-copy-to-clipboard'
-import Popover from 'src/components/Popper.jsx'
-import CopyIcon from 'src/styling/icons/action/copy/copy.svg?react'
+import Popover from './Popper.jsx'
+import CopyIcon from '../styling/icons/action/copy/copy.svg?react'
 
-import { comet } from 'src/styling/variables.js'
+import { comet } from '../styling/variables.js'
 
 import { Label1, Mono } from './typography/index.jsx'
 
diff --git a/packages/admin-ui/src/components/DeleteDialog.jsx b/packages/admin-ui/src/components/DeleteDialog.jsx
index 0d97f918..a6a7cb91 100644
--- a/packages/admin-ui/src/components/DeleteDialog.jsx
+++ b/packages/admin-ui/src/components/DeleteDialog.jsx
@@ -3,10 +3,10 @@ import DialogActions from '@mui/material/DialogActions'
 import DialogContent from '@mui/material/DialogContent'
 import IconButton from '@mui/material/IconButton'
 import React from 'react'
-import { H4, P } from 'src/components/typography'
-import CloseIcon from 'src/styling/icons/action/close/zodiac.svg?react'
+import { H4, P } from './typography'
+import CloseIcon from '../styling/icons/action/close/zodiac.svg?react'
 
-import { Button } from 'src/components/buttons'
+import { Button } from './buttons'
 
 import ErrorMessage from './ErrorMessage'
 import SvgIcon from '@mui/material/SvgIcon'
diff --git a/packages/admin-ui/src/components/ErrorMessage.jsx b/packages/admin-ui/src/components/ErrorMessage.jsx
index d60e9cb5..09cb35d6 100644
--- a/packages/admin-ui/src/components/ErrorMessage.jsx
+++ b/packages/admin-ui/src/components/ErrorMessage.jsx
@@ -1,6 +1,6 @@
 import classnames from 'classnames'
 import React from 'react'
-import ErrorIcon from 'src/styling/icons/warning-icon/tomato.svg?react'
+import ErrorIcon from '../styling/icons/warning-icon/tomato.svg?react'
 
 import { Info3 } from './typography'
 
diff --git a/packages/admin-ui/src/components/ImagePopper.jsx b/packages/admin-ui/src/components/ImagePopper.jsx
index 93291e3b..b243920b 100644
--- a/packages/admin-ui/src/components/ImagePopper.jsx
+++ b/packages/admin-ui/src/components/ImagePopper.jsx
@@ -1,11 +1,11 @@
 import ClickAwayListener from '@mui/material/ClickAwayListener'
 import classnames from 'classnames'
 import React, { memo, useState } from 'react'
-import Popper from 'src/components/Popper'
-import ZoomIconInverse from 'src/styling/icons/circle buttons/search/white.svg?react'
-import ZoomIcon from 'src/styling/icons/circle buttons/search/zodiac.svg?react'
+import Popper from './Popper'
+import ZoomIconInverse from '../styling/icons/circle buttons/search/white.svg?react'
+import ZoomIcon from '../styling/icons/circle buttons/search/zodiac.svg?react'
 
-import { FeatureButton } from 'src/components/buttons'
+import { FeatureButton } from './buttons'
 
 const ImagePopper = memo(
   ({ className, width, height, popupWidth, popupHeight, src }) => {
diff --git a/packages/admin-ui/src/components/InformativeDialog.jsx b/packages/admin-ui/src/components/InformativeDialog.jsx
index 2311e9e0..09a1be85 100644
--- a/packages/admin-ui/src/components/InformativeDialog.jsx
+++ b/packages/admin-ui/src/components/InformativeDialog.jsx
@@ -3,8 +3,8 @@ import DialogContent from '@mui/material/DialogContent'
 import SvgIcon from '@mui/material/SvgIcon'
 import IconButton from '@mui/material/IconButton'
 import React, { memo } from 'react'
-import { H1 } from 'src/components/typography'
-import CloseIcon from 'src/styling/icons/action/close/zodiac.svg?react'
+import { H1 } from './typography'
+import CloseIcon from '../styling/icons/action/close/zodiac.svg?react'
 
 export const InformativeDialog = memo(
   ({ title = '', open, onDissmised, data, ...props }) => {
diff --git a/packages/admin-ui/src/components/LogsDownloaderPopper.jsx b/packages/admin-ui/src/components/LogsDownloaderPopper.jsx
index 98f4d947..87ce9533 100644
--- a/packages/admin-ui/src/components/LogsDownloaderPopper.jsx
+++ b/packages/admin-ui/src/components/LogsDownloaderPopper.jsx
@@ -5,12 +5,12 @@ import { format, set } from 'date-fns/fp'
 import FileSaver from 'file-saver'
 import * as R from 'ramda'
 import React, { useState, useCallback } from 'react'
-import Arrow from 'src/styling/icons/arrow/download_logs.svg?react'
-import DownloadInverseIcon from 'src/styling/icons/button/download/white.svg?react'
-import Download from 'src/styling/icons/button/download/zodiac.svg?react'
+import Arrow from '../styling/icons/arrow/download_logs.svg?react'
+import DownloadInverseIcon from '../styling/icons/button/download/white.svg?react'
+import Download from '../styling/icons/button/download/zodiac.svg?react'
 
-import { FeatureButton, Link } from 'src/components/buttons'
-import { formatDate } from 'src/utils/timezones'
+import { FeatureButton, Link } from './buttons'
+import { formatDate } from '../utils/timezones'
 
 import Popper from './Popper'
 import DateRangePicker from './date-range-picker/DateRangePicker'
diff --git a/packages/admin-ui/src/components/Modal.jsx b/packages/admin-ui/src/components/Modal.jsx
index e208b320..8138301d 100644
--- a/packages/admin-ui/src/components/Modal.jsx
+++ b/packages/admin-ui/src/components/Modal.jsx
@@ -4,8 +4,8 @@ import SvgIcon from '@mui/material/SvgIcon'
 import Paper from '@mui/material/Paper'
 import classnames from 'classnames'
 import React from 'react'
-import { H1, H4 } from 'src/components/typography'
-import CloseIcon from 'src/styling/icons/action/close/zodiac.svg?react'
+import { H1, H4 } from './typography'
+import CloseIcon from '../styling/icons/action/close/zodiac.svg?react'
 
 const Modal = ({
   width,
diff --git a/packages/admin-ui/src/components/NotificationCenter/NotificationCenter.jsx b/packages/admin-ui/src/components/NotificationCenter/NotificationCenter.jsx
index 1bbc1a39..3479432f 100644
--- a/packages/admin-ui/src/components/NotificationCenter/NotificationCenter.jsx
+++ b/packages/admin-ui/src/components/NotificationCenter/NotificationCenter.jsx
@@ -1,12 +1,12 @@
 import { useQuery, useMutation, gql } from '@apollo/client'
 import * as R from 'ramda'
 import React, { useState, useEffect } from 'react'
-import ActionButton from 'src/components/buttons/ActionButton'
-import { H5 } from 'src/components/typography'
-import NotificationIconZodiac from 'src/styling/icons/menu/notification-zodiac.svg?react'
-import ClearAllIconInverse from 'src/styling/icons/stage/spring/empty.svg?react'
-import ClearAllIcon from 'src/styling/icons/stage/zodiac/empty.svg?react'
-import ShowUnreadIcon from 'src/styling/icons/stage/zodiac/full.svg?react'
+import ActionButton from '../buttons/ActionButton'
+import { H5 } from '../typography'
+import NotificationIconZodiac from '../../styling/icons/menu/notification-zodiac.svg?react'
+import ClearAllIconInverse from '../../styling/icons/stage/spring/empty.svg?react'
+import ClearAllIcon from '../../styling/icons/stage/zodiac/empty.svg?react'
+import ShowUnreadIcon from '../../styling/icons/stage/zodiac/full.svg?react'
 
 import NotificationRow from './NotificationRow'
 import classes from './NotificationCenter.module.css'
diff --git a/packages/admin-ui/src/components/NotificationCenter/NotificationRow.jsx b/packages/admin-ui/src/components/NotificationCenter/NotificationRow.jsx
index d26fa425..ceb46529 100644
--- a/packages/admin-ui/src/components/NotificationCenter/NotificationRow.jsx
+++ b/packages/admin-ui/src/components/NotificationCenter/NotificationRow.jsx
@@ -2,10 +2,10 @@ import classnames from 'classnames'
 import prettyMs from 'pretty-ms'
 import * as R from 'ramda'
 import React from 'react'
-import { Label1, Label2, TL2 } from 'src/components/typography'
-import Wrench from 'src/styling/icons/action/wrench/zodiac.svg?react'
-import Transaction from 'src/styling/icons/arrow/transaction.svg?react'
-import WarningIcon from 'src/styling/icons/warning-icon/tomato.svg?react'
+import { Label1, Label2, TL2 } from '../typography'
+import Wrench from '../../styling/icons/action/wrench/zodiac.svg?react'
+import Transaction from '../../styling/icons/arrow/transaction.svg?react'
+import WarningIcon from '../../styling/icons/warning-icon/tomato.svg?react'
 
 import classes from './NotificationCenter.module.css'
 
diff --git a/packages/admin-ui/src/components/Popper.jsx b/packages/admin-ui/src/components/Popper.jsx
index 4fe33c02..5726b078 100644
--- a/packages/admin-ui/src/components/Popper.jsx
+++ b/packages/admin-ui/src/components/Popper.jsx
@@ -4,7 +4,7 @@ import classnames from 'classnames'
 import * as R from 'ramda'
 import React, { useState } from 'react'
 
-import { white } from 'src/styling/variables'
+import { white } from '../styling/variables'
 import classes from './Popper.module.css'
 
 const Popover = ({ children, bgColor = white, className, ...props }) => {
diff --git a/packages/admin-ui/src/components/SearchBox.jsx b/packages/admin-ui/src/components/SearchBox.jsx
index f3f28ccd..7760111a 100644
--- a/packages/admin-ui/src/components/SearchBox.jsx
+++ b/packages/admin-ui/src/components/SearchBox.jsx
@@ -3,8 +3,8 @@ import Paper from '@mui/material/Paper'
 import MAutocomplete from '@mui/material/Autocomplete'
 import classnames from 'classnames'
 import React, { memo, useState } from 'react'
-import { P } from 'src/components/typography'
-import SearchIcon from 'src/styling/icons/circle buttons/search/zodiac.svg?react'
+import { P } from './typography'
+import SearchIcon from '../styling/icons/circle buttons/search/zodiac.svg?react'
 
 const SearchBox = memo(
   ({
diff --git a/packages/admin-ui/src/components/SearchFilter.jsx b/packages/admin-ui/src/components/SearchFilter.jsx
index d15287a9..bfb3b18f 100644
--- a/packages/admin-ui/src/components/SearchFilter.jsx
+++ b/packages/admin-ui/src/components/SearchFilter.jsx
@@ -1,12 +1,12 @@
 import Chip from '@mui/material/Chip'
 import React from 'react'
-import { P, Label3 } from 'src/components/typography'
-import CloseIcon from 'src/styling/icons/action/close/zodiac.svg?react'
-import FilterIcon from 'src/styling/icons/button/filter/white.svg?react'
-import ReverseFilterIcon from 'src/styling/icons/button/filter/zodiac.svg?react'
+import { P, Label3 } from './typography'
+import CloseIcon from '../styling/icons/action/close/zodiac.svg?react'
+import FilterIcon from '../styling/icons/button/filter/white.svg?react'
+import ReverseFilterIcon from '../styling/icons/button/filter/zodiac.svg?react'
 
-import { ActionButton } from 'src/components/buttons'
-import { onlyFirstToUpper, singularOrPlural } from 'src/utils/string'
+import { ActionButton } from './buttons'
+import { onlyFirstToUpper, singularOrPlural } from '../utils/string'
 
 const SearchFilter = ({
   filters,
diff --git a/packages/admin-ui/src/components/Stepper.jsx b/packages/admin-ui/src/components/Stepper.jsx
index 7ae8fc3e..1e67d21a 100644
--- a/packages/admin-ui/src/components/Stepper.jsx
+++ b/packages/admin-ui/src/components/Stepper.jsx
@@ -1,12 +1,12 @@
 import classnames from 'classnames'
 import * as R from 'ramda'
 import React, { memo } from 'react'
-import CompleteStageIconSpring from 'src/styling/icons/stage/spring/complete.svg?react'
-import CurrentStageIconSpring from 'src/styling/icons/stage/spring/current.svg?react'
-import EmptyStageIconSpring from 'src/styling/icons/stage/spring/empty.svg?react'
-import CompleteStageIconZodiac from 'src/styling/icons/stage/zodiac/complete.svg?react'
-import CurrentStageIconZodiac from 'src/styling/icons/stage/zodiac/current.svg?react'
-import EmptyStageIconZodiac from 'src/styling/icons/stage/zodiac/empty.svg?react'
+import CompleteStageIconSpring from '../styling/icons/stage/spring/complete.svg?react'
+import CurrentStageIconSpring from '../styling/icons/stage/spring/current.svg?react'
+import EmptyStageIconSpring from '../styling/icons/stage/spring/empty.svg?react'
+import CompleteStageIconZodiac from '../styling/icons/stage/zodiac/complete.svg?react'
+import CurrentStageIconZodiac from '../styling/icons/stage/zodiac/current.svg?react'
+import EmptyStageIconZodiac from '../styling/icons/stage/zodiac/empty.svg?react'
 
 import classes from './Stepper.module.css'
 
diff --git a/packages/admin-ui/src/components/Tooltip.jsx b/packages/admin-ui/src/components/Tooltip.jsx
index ba73055f..217402fb 100644
--- a/packages/admin-ui/src/components/Tooltip.jsx
+++ b/packages/admin-ui/src/components/Tooltip.jsx
@@ -1,8 +1,8 @@
 import ClickAwayListener from '@mui/material/ClickAwayListener'
 import * as R from 'ramda'
 import React, { useState, memo } from 'react'
-import Popper from 'src/components/Popper'
-import HelpIcon from 'src/styling/icons/action/help/zodiac.svg?react'
+import Popper from './Popper'
+import HelpIcon from '../styling/icons/action/help/zodiac.svg?react'
 
 const usePopperHandler = () => {
   const [helpPopperAnchorEl, setHelpPopperAnchorEl] = useState(null)
diff --git a/packages/admin-ui/src/components/booleanPropertiesTable/BooleanPropertiesTable.jsx b/packages/admin-ui/src/components/booleanPropertiesTable/BooleanPropertiesTable.jsx
index 65f8bb00..82b2da70 100644
--- a/packages/admin-ui/src/components/booleanPropertiesTable/BooleanPropertiesTable.jsx
+++ b/packages/admin-ui/src/components/booleanPropertiesTable/BooleanPropertiesTable.jsx
@@ -2,17 +2,17 @@ import IconButton from '@mui/material/IconButton'
 import { useFormikContext, Form, Formik, Field as FormikField } from 'formik'
 import * as R from 'ramda'
 import React, { useState, memo } from 'react'
-import PromptWhenDirty from 'src/components/PromptWhenDirty'
-import { H4 } from 'src/components/typography'
-import EditIconDisabled from 'src/styling/icons/action/edit/disabled.svg?react'
-import EditIcon from 'src/styling/icons/action/edit/enabled.svg?react'
-import FalseIcon from 'src/styling/icons/table/false.svg?react'
-import TrueIcon from 'src/styling/icons/table/true.svg?react'
+import PromptWhenDirty from '../PromptWhenDirty'
+import { H4 } from '../typography'
+import EditIconDisabled from '../../styling/icons/action/edit/disabled.svg?react'
+import EditIcon from '../../styling/icons/action/edit/enabled.svg?react'
+import FalseIcon from '../../styling/icons/table/false.svg?react'
+import TrueIcon from '../../styling/icons/table/true.svg?react'
 import * as Yup from 'yup'
 
-import { Link } from 'src/components/buttons'
-import { RadioGroup } from 'src/components/inputs/formik'
-import { Table, TableBody, TableRow, TableCell } from 'src/components/table'
+import { Link } from '../buttons'
+import { RadioGroup } from '../inputs/formik'
+import { Table, TableBody, TableRow, TableCell } from '../table'
 import SvgIcon from '@mui/material/SvgIcon'
 
 const BooleanCell = ({ name }) => {
diff --git a/packages/admin-ui/src/components/buttons/AddButton.jsx b/packages/admin-ui/src/components/buttons/AddButton.jsx
index 8d72c0b1..e6cecdcb 100644
--- a/packages/admin-ui/src/components/buttons/AddButton.jsx
+++ b/packages/admin-ui/src/components/buttons/AddButton.jsx
@@ -1,6 +1,6 @@
 import classnames from 'classnames'
 import React, { memo } from 'react'
-import AddIcon from 'src/styling/icons/button/add/zodiac.svg?react'
+import AddIcon from '../../styling/icons/button/add/zodiac.svg?react'
 
 import classes from './AddButton.module.css'
 
diff --git a/packages/admin-ui/src/components/buttons/BaseButton.styles.js b/packages/admin-ui/src/components/buttons/BaseButton.styles.js
index b0a034c9..e3cd4511 100644
--- a/packages/admin-ui/src/components/buttons/BaseButton.styles.js
+++ b/packages/admin-ui/src/components/buttons/BaseButton.styles.js
@@ -5,7 +5,7 @@ import {
   subheaderDarkColor,
   offColor,
   offDarkColor,
-} from 'src/styling/variables'
+} from '../../styling/variables'
 
 const colors = (color1, color2, color3) => {
   return {
diff --git a/packages/admin-ui/src/components/buttons/IDButton.jsx b/packages/admin-ui/src/components/buttons/IDButton.jsx
index 592557de..55f459c4 100644
--- a/packages/admin-ui/src/components/buttons/IDButton.jsx
+++ b/packages/admin-ui/src/components/buttons/IDButton.jsx
@@ -1,7 +1,7 @@
 import ClickAwayListener from '@mui/material/ClickAwayListener'
 import classnames from 'classnames'
 import React, { useState, memo } from 'react'
-import Popover from 'src/components/Popper'
+import Popover from '../Popper'
 
 import classes from './IDButton.module.css'
 
diff --git a/packages/admin-ui/src/components/buttons/SubpageButton.jsx b/packages/admin-ui/src/components/buttons/SubpageButton.jsx
index ed689e41..73e38f48 100644
--- a/packages/admin-ui/src/components/buttons/SubpageButton.jsx
+++ b/packages/admin-ui/src/components/buttons/SubpageButton.jsx
@@ -1,7 +1,7 @@
 import classnames from 'classnames'
 import React, { memo, useState } from 'react'
-import { H4 } from 'src/components/typography'
-import CancelIconInverse from 'src/styling/icons/button/cancel/white.svg?react'
+import { H4 } from '../typography'
+import CancelIconInverse from '../../styling/icons/button/cancel/white.svg?react'
 
 import classes from './SubpageButton.module.css'
 
diff --git a/packages/admin-ui/src/components/buttons/SubpageButton.styles.js b/packages/admin-ui/src/components/buttons/SubpageButton.styles.js
index a5afd0b6..5f514540 100644
--- a/packages/admin-ui/src/components/buttons/SubpageButton.styles.js
+++ b/packages/admin-ui/src/components/buttons/SubpageButton.styles.js
@@ -1,5 +1,5 @@
-import baseButtonStyles from 'src/components/buttons/BaseButton.styles'
-import { offColor, white } from 'src/styling/variables'
+import baseButtonStyles from './BaseButton.styles'
+import { offColor, white } from '../../styling/variables'
 
 const { baseButton } = baseButtonStyles
 
diff --git a/packages/admin-ui/src/components/buttons/SupportLinkButton.jsx b/packages/admin-ui/src/components/buttons/SupportLinkButton.jsx
index 78937c19..39c3abde 100644
--- a/packages/admin-ui/src/components/buttons/SupportLinkButton.jsx
+++ b/packages/admin-ui/src/components/buttons/SupportLinkButton.jsx
@@ -1,8 +1,8 @@
 import React from 'react'
-import InverseLinkIcon from 'src/styling/icons/action/external link/white.svg?react'
-import LinkIcon from 'src/styling/icons/action/external link/zodiac.svg?react'
+import InverseLinkIcon from '../../styling/icons/action/external link/white.svg?react'
+import LinkIcon from '../../styling/icons/action/external link/zodiac.svg?react'
 
-import { ActionButton } from 'src/components/buttons'
+import { ActionButton } from './'
 
 const SupportLinkButton = ({ link, label }) => {
   return (
diff --git a/packages/admin-ui/src/components/date-range-picker/Calendar.jsx b/packages/admin-ui/src/components/date-range-picker/Calendar.jsx
index a95102ad..7499670a 100644
--- a/packages/admin-ui/src/components/date-range-picker/Calendar.jsx
+++ b/packages/admin-ui/src/components/date-range-picker/Calendar.jsx
@@ -14,8 +14,8 @@ import {
 } from 'date-fns/fp'
 import * as R from 'ramda'
 import React, { useState } from 'react'
-import Arrow from 'src/styling/icons/arrow/month_change.svg?react'
-import RightArrow from 'src/styling/icons/arrow/month_change_right.svg?react'
+import Arrow from '../../styling/icons/arrow/month_change.svg?react'
+import RightArrow from '../../styling/icons/arrow/month_change_right.svg?react'
 
 import Tile from './Tile'
 import classes from './Calendar.module.css'
diff --git a/packages/admin-ui/src/components/editableTable/Header.jsx b/packages/admin-ui/src/components/editableTable/Header.jsx
index e2a876df..58f9f48d 100644
--- a/packages/admin-ui/src/components/editableTable/Header.jsx
+++ b/packages/admin-ui/src/components/editableTable/Header.jsx
@@ -1,14 +1,9 @@
 import classnames from 'classnames'
 import * as R from 'ramda'
 import React, { useContext } from 'react'
-import {
-  Td,
-  THead,
-  TDoubleLevelHead,
-  ThDoubleLevel,
-} from 'src/components/fake-table/Table'
+import { Td, THead, TDoubleLevelHead, ThDoubleLevel } from '../fake-table/Table'
 
-import { sentenceCase } from 'src/utils/string'
+import { sentenceCase } from '../../utils/string'
 
 import TableCtx from './Context'
 
diff --git a/packages/admin-ui/src/components/editableTable/NamespacedTable.jsx b/packages/admin-ui/src/components/editableTable/NamespacedTable.jsx
index e904db1c..8313f7ca 100644
--- a/packages/admin-ui/src/components/editableTable/NamespacedTable.jsx
+++ b/packages/admin-ui/src/components/editableTable/NamespacedTable.jsx
@@ -1,7 +1,7 @@
 import * as R from 'ramda'
 import React from 'react'
 
-import { fromNamespace, toNamespace } from 'src/utils/config'
+import { fromNamespace, toNamespace } from '../../utils/config'
 
 import EditableTable from './Table'
 
diff --git a/packages/admin-ui/src/components/editableTable/Row.jsx b/packages/admin-ui/src/components/editableTable/Row.jsx
index 487b2cb4..1aadbfb8 100644
--- a/packages/admin-ui/src/components/editableTable/Row.jsx
+++ b/packages/admin-ui/src/components/editableTable/Row.jsx
@@ -5,16 +5,16 @@ import classnames from 'classnames'
 import { Field, useFormikContext } from 'formik'
 import * as R from 'ramda'
 import React, { useContext, useState } from 'react'
-import { DeleteDialog } from 'src/components/DeleteDialog'
-import { Td, Tr } from 'src/components/fake-table/Table'
-import { Label2 } from 'src/components/typography'
-import DisabledDeleteIcon from 'src/styling/icons/action/delete/disabled.svg?react'
-import DeleteIcon from 'src/styling/icons/action/delete/enabled.svg?react'
-import DisabledEditIcon from 'src/styling/icons/action/edit/disabled.svg?react'
-import EditIcon from 'src/styling/icons/action/edit/enabled.svg?react'
-import StripesSvg from 'src/styling/icons/stripes.svg?react'
+import { DeleteDialog } from '../DeleteDialog'
+import { Td, Tr } from '../fake-table/Table'
+import { Label2 } from '../typography'
+import DisabledDeleteIcon from '../../styling/icons/action/delete/disabled.svg?react'
+import DeleteIcon from '../../styling/icons/action/delete/enabled.svg?react'
+import DisabledEditIcon from '../../styling/icons/action/edit/disabled.svg?react'
+import EditIcon from '../../styling/icons/action/edit/enabled.svg?react'
+import StripesSvg from '../../styling/icons/stripes.svg?react'
 
-import { Link } from 'src/components/buttons'
+import { Link } from '../buttons'
 
 import TableCtx from './Context'
 import moduleStyles from './Row.module.css'
diff --git a/packages/admin-ui/src/components/editableTable/Table.jsx b/packages/admin-ui/src/components/editableTable/Table.jsx
index 3232b3d7..bb3d5e04 100644
--- a/packages/admin-ui/src/components/editableTable/Table.jsx
+++ b/packages/admin-ui/src/components/editableTable/Table.jsx
@@ -1,13 +1,13 @@
 import { Form, Formik } from 'formik'
 import * as R from 'ramda'
 import React, { useState, useEffect } from 'react'
-import PromptWhenDirty from 'src/components/PromptWhenDirty'
-import Link from 'src/components/buttons/Link'
-import { TBody, Table } from 'src/components/fake-table/Table'
-import { Info2, TL1 } from 'src/components/typography'
+import PromptWhenDirty from '../PromptWhenDirty'
+import Link from '../buttons/Link'
+import { TBody, Table } from '../fake-table/Table'
+import { Info2, TL1 } from '../typography'
 import { v4 as uuidv4 } from 'uuid'
 
-import { AddButton } from 'src/components/buttons/index'
+import { AddButton } from '../buttons/index'
 
 import TableCtx from './Context'
 import Header from './Header'
diff --git a/packages/admin-ui/src/components/fake-table/Table.jsx b/packages/admin-ui/src/components/fake-table/Table.jsx
index deddc0f8..29c79043 100644
--- a/packages/admin-ui/src/components/fake-table/Table.jsx
+++ b/packages/admin-ui/src/components/fake-table/Table.jsx
@@ -3,7 +3,7 @@ import CardContent from '@mui/material/CardContent'
 import classnames from 'classnames'
 import React from 'react'
 
-import { Link } from 'src/components/buttons'
+import { Link } from '../buttons'
 import styles from './Table.module.css'
 
 const Table = ({ children, className, ...props }) => (
diff --git a/packages/admin-ui/src/components/inputs/base/Autocomplete.jsx b/packages/admin-ui/src/components/inputs/base/Autocomplete.jsx
index 27b17985..981a793c 100644
--- a/packages/admin-ui/src/components/inputs/base/Autocomplete.jsx
+++ b/packages/admin-ui/src/components/inputs/base/Autocomplete.jsx
@@ -3,8 +3,8 @@ import classnames from 'classnames'
 import sort from 'match-sorter'
 import * as R from 'ramda'
 import React from 'react'
-import { HoverableTooltip } from 'src/components/Tooltip'
-import { P } from 'src/components/typography'
+import { HoverableTooltip } from '../../Tooltip'
+import { P } from '../../typography'
 
 import TextInput from './TextInput'
 
diff --git a/packages/admin-ui/src/components/inputs/base/Checkbox.jsx b/packages/admin-ui/src/components/inputs/base/Checkbox.jsx
index 597c2157..37be94b9 100644
--- a/packages/admin-ui/src/components/inputs/base/Checkbox.jsx
+++ b/packages/admin-ui/src/components/inputs/base/Checkbox.jsx
@@ -2,10 +2,10 @@ import Checkbox from '@mui/material/Checkbox'
 import CheckBoxIcon from '@mui/icons-material/CheckBox'
 import CheckBoxOutlineBlankIcon from '@mui/icons-material/CheckBoxOutlineBlank'
 import React from 'react'
-import { Label2, Info3 } from 'src/components/typography'
-import WarningIcon from 'src/styling/icons/warning-icon/comet.svg?react'
+import { Label2, Info3 } from '../../typography'
+import WarningIcon from '../../../styling/icons/warning-icon/comet.svg?react'
 
-import { fontSize2, fontSize3 } from 'src/styling/variables'
+import { fontSize2, fontSize3 } from '../../../styling/variables'
 
 const CheckboxInput = ({ name, onChange, value, settings, ...props }) => {
   const { enabled, label, disabledMessage, rightSideLabel } = settings
diff --git a/packages/admin-ui/src/components/inputs/base/RadioGroup.jsx b/packages/admin-ui/src/components/inputs/base/RadioGroup.jsx
index 942e82db..d6d6bfdb 100644
--- a/packages/admin-ui/src/components/inputs/base/RadioGroup.jsx
+++ b/packages/admin-ui/src/components/inputs/base/RadioGroup.jsx
@@ -3,7 +3,7 @@ import MRadioGroup from '@mui/material/RadioGroup'
 import FormControlLabel from '@mui/material/FormControlLabel'
 import classnames from 'classnames'
 import React from 'react'
-import { Label1 } from 'src/components/typography'
+import { Label1 } from '../../typography'
 
 const RadioGroup = ({
   name,
diff --git a/packages/admin-ui/src/components/inputs/base/Select.jsx b/packages/admin-ui/src/components/inputs/base/Select.jsx
index 15f05d86..c78ef924 100644
--- a/packages/admin-ui/src/components/inputs/base/Select.jsx
+++ b/packages/admin-ui/src/components/inputs/base/Select.jsx
@@ -2,7 +2,7 @@ import classnames from 'classnames'
 import { useSelect } from 'downshift'
 import * as R from 'ramda'
 import React from 'react'
-import Arrowdown from 'src/styling/icons/action/arrow/regular.svg?react'
+import Arrowdown from '../../../styling/icons/action/arrow/regular.svg?react'
 
 import styles from './Select.module.css'
 
diff --git a/packages/admin-ui/src/components/inputs/base/ToggleButtonGroup.jsx b/packages/admin-ui/src/components/inputs/base/ToggleButtonGroup.jsx
index 6d3ec80d..3c8d73ed 100644
--- a/packages/admin-ui/src/components/inputs/base/ToggleButtonGroup.jsx
+++ b/packages/admin-ui/src/components/inputs/base/ToggleButtonGroup.jsx
@@ -1,7 +1,7 @@
 import MUIToggleButtonGroup from '@mui/material/ToggleButtonGroup'
 import ToggleButton from '@mui/material/ToggleButton'
 import React from 'react'
-import { H4, P } from 'src/components/typography'
+import { H4, P } from '../../typography'
 
 const ToggleButtonGroup = ({
   name,
diff --git a/packages/admin-ui/src/components/inputs/cashbox/Cashbox.jsx b/packages/admin-ui/src/components/inputs/cashbox/Cashbox.jsx
index 2e362cdb..cfa69ecf 100644
--- a/packages/admin-ui/src/components/inputs/cashbox/Cashbox.jsx
+++ b/packages/admin-ui/src/components/inputs/cashbox/Cashbox.jsx
@@ -1,9 +1,9 @@
 import Chip from '@mui/material/Chip'
 import classnames from 'classnames'
 import React from 'react'
-import { Info2, Label1, Label2 } from 'src/components/typography'
+import { Info2, Label1, Label2 } from '../../typography'
 
-import { numberToFiatAmount } from 'src/utils/number'
+import { numberToFiatAmount } from '../../../utils/number'
 
 import classes from './Cashbox.module.css'
 import { primaryColor as zodiac, tomato } from '../../../styling/variables.js'
diff --git a/packages/admin-ui/src/components/inputs/formik/CashCassetteInput.jsx b/packages/admin-ui/src/components/inputs/formik/CashCassetteInput.jsx
index 76323844..543917ea 100644
--- a/packages/admin-ui/src/components/inputs/formik/CashCassetteInput.jsx
+++ b/packages/admin-ui/src/components/inputs/formik/CashCassetteInput.jsx
@@ -1,6 +1,6 @@
 import classNames from 'classnames'
 import React, { memo, useState } from 'react'
-import { CashOut } from 'src/components/inputs/cashbox/Cashbox'
+import { CashOut } from '../cashbox/Cashbox'
 
 import { NumberInput } from '../base'
 
diff --git a/packages/admin-ui/src/components/layout/Header.jsx b/packages/admin-ui/src/components/layout/Header.jsx
index b41aec0d..2370996a 100644
--- a/packages/admin-ui/src/components/layout/Header.jsx
+++ b/packages/admin-ui/src/components/layout/Header.jsx
@@ -5,15 +5,15 @@ import classnames from 'classnames'
 import * as R from 'ramda'
 import React, { memo, useState, useEffect, useRef } from 'react'
 import { NavLink, useHistory } from 'react-router-dom'
-import ActionButton from 'src/components/buttons/ActionButton'
-import { H4 } from 'src/components/typography'
-import AddIconReverse from 'src/styling/icons/button/add/white.svg?react'
-import AddIcon from 'src/styling/icons/button/add/zodiac.svg?react'
-import Logo from 'src/styling/icons/menu/logo.svg?react'
-import NotificationIcon from 'src/styling/icons/menu/notification.svg?react'
+import ActionButton from '../buttons/ActionButton'
+import { H4 } from '../typography'
+import AddIconReverse from '../../styling/icons/button/add/white.svg?react'
+import AddIcon from '../../styling/icons/button/add/zodiac.svg?react'
+import Logo from '../../styling/icons/menu/logo.svg?react'
+import NotificationIcon from '../../styling/icons/menu/notification.svg?react'
 
-import NotificationCenter from 'src/components/NotificationCenter'
-import AddMachine from 'src/pages/AddMachine'
+import NotificationCenter from '../NotificationCenter'
+import AddMachine from '../../pages/AddMachine'
 
 import styles from './Header.module.css'
 
diff --git a/packages/admin-ui/src/components/layout/Section.jsx b/packages/admin-ui/src/components/layout/Section.jsx
index 93c48962..d83a0b02 100644
--- a/packages/admin-ui/src/components/layout/Section.jsx
+++ b/packages/admin-ui/src/components/layout/Section.jsx
@@ -1,6 +1,6 @@
 import React from 'react'
-import ErrorMessage from 'src/components/ErrorMessage'
-import Subtitle from 'src/components/Subtitle'
+import ErrorMessage from '../ErrorMessage'
+import Subtitle from '../Subtitle'
 
 const Section = ({ error, children, title }) => {
   return (
diff --git a/packages/admin-ui/src/components/layout/Sidebar.jsx b/packages/admin-ui/src/components/layout/Sidebar.jsx
index cad3776c..18376bb8 100644
--- a/packages/admin-ui/src/components/layout/Sidebar.jsx
+++ b/packages/admin-ui/src/components/layout/Sidebar.jsx
@@ -1,9 +1,9 @@
 import classnames from 'classnames'
 import React from 'react'
-import { P } from 'src/components/typography'
-import CompleteStageIconZodiac from 'src/styling/icons/stage/zodiac/complete.svg?react'
-import CurrentStageIconZodiac from 'src/styling/icons/stage/zodiac/current.svg?react'
-import EmptyStageIconZodiac from 'src/styling/icons/stage/zodiac/empty.svg?react'
+import { P } from '../typography'
+import CompleteStageIconZodiac from '../../styling/icons/stage/zodiac/complete.svg?react'
+import CurrentStageIconZodiac from '../../styling/icons/stage/zodiac/current.svg?react'
+import EmptyStageIconZodiac from '../../styling/icons/stage/zodiac/empty.svg?react'
 
 import styles from './Sidebar.module.css'
 
diff --git a/packages/admin-ui/src/components/layout/TitleSection.jsx b/packages/admin-ui/src/components/layout/TitleSection.jsx
index c22b4048..319965ae 100644
--- a/packages/admin-ui/src/components/layout/TitleSection.jsx
+++ b/packages/admin-ui/src/components/layout/TitleSection.jsx
@@ -1,11 +1,11 @@
 import classnames from 'classnames'
 import * as R from 'ramda'
 import React from 'react'
-import ErrorMessage from 'src/components/ErrorMessage'
-import Title from 'src/components/Title'
-import { Info1, Label1 } from 'src/components/typography'
+import ErrorMessage from '../ErrorMessage'
+import Title from '../Title'
+import { Info1, Label1 } from '../typography'
 
-import { SubpageButton } from 'src/components/buttons'
+import { SubpageButton } from '../buttons'
 
 const TitleSection = ({
   className,
diff --git a/packages/admin-ui/src/components/machineActions/DiagnosticsModal.jsx b/packages/admin-ui/src/components/machineActions/DiagnosticsModal.jsx
index fb002172..e213384b 100644
--- a/packages/admin-ui/src/components/machineActions/DiagnosticsModal.jsx
+++ b/packages/admin-ui/src/components/machineActions/DiagnosticsModal.jsx
@@ -2,10 +2,10 @@ import { useLazyQuery, useQuery, gql } from '@apollo/client'
 import { subMinutes } from 'date-fns'
 import FileSaver from 'file-saver'
 import React, { useState, useEffect } from 'react'
-import Modal from 'src/components/Modal'
-import { H3, P } from 'src/components/typography'
+import Modal from '../Modal'
+import { H3, P } from '../typography'
 
-import { Button } from 'src/components/buttons'
+import { Button } from '../buttons'
 
 const STATES = {
   INITIAL: 'INITIAL',
diff --git a/packages/admin-ui/src/components/machineActions/MachineActions.jsx b/packages/admin-ui/src/components/machineActions/MachineActions.jsx
index c8ae031e..89f31daf 100644
--- a/packages/admin-ui/src/components/machineActions/MachineActions.jsx
+++ b/packages/admin-ui/src/components/machineActions/MachineActions.jsx
@@ -1,16 +1,16 @@
 import { useMutation, useLazyQuery, gql } from '@apollo/client'
 import React, { memo, useState } from 'react'
-import { ConfirmDialog } from 'src/components/ConfirmDialog'
-import ActionButton from 'src/components/buttons/ActionButton'
-import { H3 } from 'src/components/typography'
-import EditReversedIcon from 'src/styling/icons/button/edit/white.svg?react'
-import EditIcon from 'src/styling/icons/button/edit/zodiac.svg?react'
-import RebootReversedIcon from 'src/styling/icons/button/reboot/white.svg?react'
-import RebootIcon from 'src/styling/icons/button/reboot/zodiac.svg?react'
-import ShutdownReversedIcon from 'src/styling/icons/button/shut down/white.svg?react'
-import ShutdownIcon from 'src/styling/icons/button/shut down/zodiac.svg?react'
-import UnpairReversedIcon from 'src/styling/icons/button/unpair/white.svg?react'
-import UnpairIcon from 'src/styling/icons/button/unpair/zodiac.svg?react'
+import { ConfirmDialog } from '../ConfirmDialog'
+import ActionButton from '../buttons/ActionButton'
+import { H3 } from '../typography'
+import EditReversedIcon from '../../styling/icons/button/edit/white.svg?react'
+import EditIcon from '../../styling/icons/button/edit/zodiac.svg?react'
+import RebootReversedIcon from '../../styling/icons/button/reboot/white.svg?react'
+import RebootIcon from '../../styling/icons/button/reboot/zodiac.svg?react'
+import ShutdownReversedIcon from '../../styling/icons/button/shut down/white.svg?react'
+import ShutdownIcon from '../../styling/icons/button/shut down/zodiac.svg?react'
+import UnpairReversedIcon from '../../styling/icons/button/unpair/white.svg?react'
+import UnpairIcon from '../../styling/icons/button/unpair/zodiac.svg?react'
 
 import DiagnosticsModal from './DiagnosticsModal'
 
diff --git a/packages/admin-ui/src/components/single-row-table/SingleRowTable.jsx b/packages/admin-ui/src/components/single-row-table/SingleRowTable.jsx
index 490ac0c6..e2d25610 100644
--- a/packages/admin-ui/src/components/single-row-table/SingleRowTable.jsx
+++ b/packages/admin-ui/src/components/single-row-table/SingleRowTable.jsx
@@ -1,15 +1,8 @@
 import IconButton from '@mui/material/IconButton'
 import SvgIcon from '@mui/material/SvgIcon'
 import React from 'react'
-import {
-  Table,
-  THead,
-  TBody,
-  Td,
-  Th,
-  Tr,
-} from 'src/components/fake-table/Table'
-import EditIcon from 'src/styling/icons/action/edit/white.svg?react'
+import { Table, THead, TBody, Td, Th, Tr } from '../fake-table/Table'
+import EditIcon from '../../styling/icons/action/edit/white.svg?react'
 
 import { Label1, P } from '../typography/index.jsx'
 
diff --git a/packages/admin-ui/src/components/table/EditCell.jsx b/packages/admin-ui/src/components/table/EditCell.jsx
index 7c1c57e5..a5ef8315 100644
--- a/packages/admin-ui/src/components/table/EditCell.jsx
+++ b/packages/admin-ui/src/components/table/EditCell.jsx
@@ -1,7 +1,7 @@
 import React, { memo } from 'react'
 
-import { Link } from 'src/components/buttons'
-import { TableCell as Td } from 'src/components/table'
+import { Link } from '../buttons'
+import { TableCell as Td } from './'
 
 const EditCell = memo(({ save, cancel }) => (
   <Td>
diff --git a/packages/admin-ui/src/components/table/EmptyTable.jsx b/packages/admin-ui/src/components/table/EmptyTable.jsx
index 96f653c5..f559c26f 100644
--- a/packages/admin-ui/src/components/table/EmptyTable.jsx
+++ b/packages/admin-ui/src/components/table/EmptyTable.jsx
@@ -1,7 +1,7 @@
 import classNames from 'classnames'
 import React, { memo } from 'react'
-import { H4 } from 'src/components/typography'
-import EmptyTableIcon from 'src/styling/icons/table/empty-table.svg?react'
+import { H4 } from '../typography'
+import EmptyTableIcon from '../../styling/icons/table/empty-table.svg?react'
 
 const EmptyTable = memo(({ message, className }) => {
   return (
diff --git a/packages/admin-ui/src/components/tables/DataTable.jsx b/packages/admin-ui/src/components/tables/DataTable.jsx
index a4e3a97b..bb23752c 100644
--- a/packages/admin-ui/src/components/tables/DataTable.jsx
+++ b/packages/admin-ui/src/components/tables/DataTable.jsx
@@ -7,19 +7,12 @@ import {
   CellMeasurer,
   CellMeasurerCache,
 } from 'react-virtualized'
-import {
-  Table,
-  TBody,
-  THead,
-  Tr,
-  Td,
-  Th,
-} from 'src/components/fake-table/Table'
-import { H4 } from 'src/components/typography'
-import ExpandClosedIcon from 'src/styling/icons/action/expand/closed.svg?react'
-import ExpandOpenIcon from 'src/styling/icons/action/expand/open.svg?react'
+import { Table, TBody, THead, Tr, Td, Th } from '../fake-table/Table'
+import { H4 } from '../typography'
+import ExpandClosedIcon from '../../styling/icons/action/expand/closed.svg?react'
+import ExpandOpenIcon from '../../styling/icons/action/expand/open.svg?react'
 
-import { EmptyTable } from 'src/components/table'
+import { EmptyTable } from '../table'
 
 const Row = ({
   id,
diff --git a/packages/admin-ui/src/components/typography/styles.js b/packages/admin-ui/src/components/typography/styles.js
index d86386ba..88ca9490 100644
--- a/packages/admin-ui/src/components/typography/styles.js
+++ b/packages/admin-ui/src/components/typography/styles.js
@@ -8,7 +8,7 @@ import {
   fontPrimary,
   fontSecondary,
   fontMonospaced,
-} from 'src/styling/variables'
+} from '../../styling/variables'
 
 const base = {
   lineHeight: '120%',
diff --git a/packages/admin-ui/src/pages/AddMachine/AddMachine.jsx b/packages/admin-ui/src/pages/AddMachine/AddMachine.jsx
index 4c6fdebb..b6c674a1 100644
--- a/packages/admin-ui/src/pages/AddMachine/AddMachine.jsx
+++ b/packages/admin-ui/src/pages/AddMachine/AddMachine.jsx
@@ -8,21 +8,21 @@ import { Form, Formik, FastField } from 'formik'
 import { QRCodeSVG as QRCode } from 'qrcode.react'
 import * as R from 'ramda'
 import React, { memo, useState, useEffect, useRef } from 'react'
-import Title from 'src/components/Title'
-import Sidebar from 'src/components/layout/Sidebar'
-import { Info2, P } from 'src/components/typography'
-import CameraIcon from 'src/styling/icons/ID/photo/zodiac.svg?react'
-import CloseIcon from 'src/styling/icons/action/close/zodiac.svg?react'
-import CompleteStageIconSpring from 'src/styling/icons/stage/spring/complete.svg?react'
-import CompleteStageIconZodiac from 'src/styling/icons/stage/zodiac/complete.svg?react'
-import CurrentStageIconZodiac from 'src/styling/icons/stage/zodiac/current.svg?react'
-import EmptyStageIconZodiac from 'src/styling/icons/stage/zodiac/empty.svg?react'
-import WarningIcon from 'src/styling/icons/warning-icon/comet.svg?react'
+import Title from '../../components/Title'
+import Sidebar from '../../components/layout/Sidebar'
+import { Info2, P } from '../../components/typography'
+import CameraIcon from '../../styling/icons/ID/photo/zodiac.svg?react'
+import CloseIcon from '../../styling/icons/action/close/zodiac.svg?react'
+import CompleteStageIconSpring from '../../styling/icons/stage/spring/complete.svg?react'
+import CompleteStageIconZodiac from '../../styling/icons/stage/zodiac/complete.svg?react'
+import CurrentStageIconZodiac from '../../styling/icons/stage/zodiac/current.svg?react'
+import EmptyStageIconZodiac from '../../styling/icons/stage/zodiac/empty.svg?react'
+import WarningIcon from '../../styling/icons/warning-icon/comet.svg?react'
 import * as Yup from 'yup'
 
-import { Button } from 'src/components/buttons'
-import { TextInput } from 'src/components/inputs/formik'
-import { primaryColor } from 'src/styling/variables'
+import { Button } from '../../components/buttons'
+import { TextInput } from '../../components/inputs/formik'
+import { primaryColor } from '../../styling/variables'
 
 const SAVE_CONFIG = gql`
   mutation createPairingTotem($name: String!) {
diff --git a/packages/admin-ui/src/pages/Analytics/Analytics.jsx b/packages/admin-ui/src/pages/Analytics/Analytics.jsx
index 43a4b21d..7725a45c 100644
--- a/packages/admin-ui/src/pages/Analytics/Analytics.jsx
+++ b/packages/admin-ui/src/pages/Analytics/Analytics.jsx
@@ -4,16 +4,16 @@ import { endOfToday } from 'date-fns'
 import { subDays, format, add, startOfWeek } from 'date-fns/fp'
 import * as R from 'ramda'
 import React, { useState } from 'react'
-import TitleSection from 'src/components/layout/TitleSection'
-import { Info2, P } from 'src/components/typography'
-import DownIcon from 'src/styling/icons/dashboard/down.svg?react'
-import EqualIcon from 'src/styling/icons/dashboard/equal.svg?react'
-import UpIcon from 'src/styling/icons/dashboard/up.svg?react'
+import TitleSection from '../../components/layout/TitleSection'
+import { Info2, P } from '../../components/typography'
+import DownIcon from '../../styling/icons/dashboard/down.svg?react'
+import EqualIcon from '../../styling/icons/dashboard/equal.svg?react'
+import UpIcon from '../../styling/icons/dashboard/up.svg?react'
 
-import { Select } from 'src/components/inputs'
-import { fromNamespace } from 'src/utils/config'
-import { numberToFiatAmount } from 'src/utils/number'
-import { DAY, WEEK, MONTH } from 'src/utils/time'
+import { Select } from '../../components/inputs'
+import { fromNamespace } from '../../utils/config'
+import { numberToFiatAmount } from '../../utils/number'
+import { DAY, WEEK, MONTH } from '../../utils/time'
 
 import LegendEntry from './components/LegendEntry'
 import HourOfDayWrapper from './components/wrappers/HourOfDayWrapper'
diff --git a/packages/admin-ui/src/pages/Analytics/components/LegendEntry.jsx b/packages/admin-ui/src/pages/Analytics/components/LegendEntry.jsx
index 0b48401f..009ca4d2 100644
--- a/packages/admin-ui/src/pages/Analytics/components/LegendEntry.jsx
+++ b/packages/admin-ui/src/pages/Analytics/components/LegendEntry.jsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import { P } from 'src/components/typography'
+import { P } from '../../../components/typography'
 
 const LegendEntry = ({ IconElement, IconComponent, label }) => {
   return (
diff --git a/packages/admin-ui/src/pages/Analytics/components/tooltips/GraphTooltip.jsx b/packages/admin-ui/src/pages/Analytics/components/tooltips/GraphTooltip.jsx
index 3aa8057f..1349fcb8 100644
--- a/packages/admin-ui/src/pages/Analytics/components/tooltips/GraphTooltip.jsx
+++ b/packages/admin-ui/src/pages/Analytics/components/tooltips/GraphTooltip.jsx
@@ -1,13 +1,13 @@
 import Paper from '@mui/material/Paper'
 import * as R from 'ramda'
 import React, { memo } from 'react'
-import { Info2, Label3, P } from 'src/components/typography'
-import TxInIcon from 'src/styling/icons/direction/cash-in.svg?react'
-import TxOutIcon from 'src/styling/icons/direction/cash-out.svg?react'
+import { Info2, Label3, P } from '../../../../components/typography'
+import TxInIcon from '../../../../styling/icons/direction/cash-in.svg?react'
+import TxOutIcon from '../../../../styling/icons/direction/cash-out.svg?react'
 
-import { numberToFiatAmount } from 'src/utils/number'
-import { singularOrPlural } from 'src/utils/string'
-import { formatDate, formatDateNonUtc } from 'src/utils/timezones'
+import { numberToFiatAmount } from '../../../../utils/number'
+import { singularOrPlural } from '../../../../utils/string'
+import { formatDate, formatDateNonUtc } from '../../../../utils/timezones'
 
 const GraphTooltip = ({
   coords,
diff --git a/packages/admin-ui/src/pages/Analytics/components/wrappers/HourOfDayWrapper.jsx b/packages/admin-ui/src/pages/Analytics/components/wrappers/HourOfDayWrapper.jsx
index b3ad7e98..b0aa9629 100644
--- a/packages/admin-ui/src/pages/Analytics/components/wrappers/HourOfDayWrapper.jsx
+++ b/packages/admin-ui/src/pages/Analytics/components/wrappers/HourOfDayWrapper.jsx
@@ -1,10 +1,10 @@
 import { getTimezoneOffset } from 'date-fns-tz'
 import * as R from 'ramda'
 import React, { useState } from 'react'
-import { H2 } from 'src/components/typography'
+import { H2 } from '../../../../components/typography'
 
-import { Select } from 'src/components/inputs'
-import { MINUTE } from 'src/utils/time'
+import { Select } from '../../../../components/inputs'
+import { MINUTE } from '../../../../utils/time'
 
 import Graph from '../../graphs/Graph'
 import LegendEntry from '../LegendEntry'
diff --git a/packages/admin-ui/src/pages/Analytics/components/wrappers/OverTimeWrapper.jsx b/packages/admin-ui/src/pages/Analytics/components/wrappers/OverTimeWrapper.jsx
index 2cf845df..2174f7b2 100644
--- a/packages/admin-ui/src/pages/Analytics/components/wrappers/OverTimeWrapper.jsx
+++ b/packages/admin-ui/src/pages/Analytics/components/wrappers/OverTimeWrapper.jsx
@@ -1,9 +1,9 @@
 import Switch from '@mui/material/Switch'
 import React, { useState } from 'react'
-import { H2, Label1 } from 'src/components/typography'
+import { H2, Label1 } from '../../../../components/typography'
 
-import { Select } from 'src/components/inputs'
-import { primaryColor } from 'src/styling/variables'
+import { Select } from '../../../../components/inputs'
+import { primaryColor } from '../../../../styling/variables'
 
 import Graph from '../../graphs/Graph'
 import LegendEntry from '../LegendEntry'
diff --git a/packages/admin-ui/src/pages/Analytics/components/wrappers/TopMachinesWrapper.jsx b/packages/admin-ui/src/pages/Analytics/components/wrappers/TopMachinesWrapper.jsx
index 88f426e8..93555c7b 100644
--- a/packages/admin-ui/src/pages/Analytics/components/wrappers/TopMachinesWrapper.jsx
+++ b/packages/admin-ui/src/pages/Analytics/components/wrappers/TopMachinesWrapper.jsx
@@ -1,6 +1,6 @@
 import * as R from 'ramda'
 import React, { useState } from 'react'
-import { H2 } from 'src/components/typography'
+import { H2 } from '../../../../components/typography'
 
 import Graph from '../../graphs/Graph'
 import LegendEntry from '../LegendEntry'
diff --git a/packages/admin-ui/src/pages/Analytics/components/wrappers/VolumeOverTimeWrapper.jsx b/packages/admin-ui/src/pages/Analytics/components/wrappers/VolumeOverTimeWrapper.jsx
index 04540569..a41f366b 100644
--- a/packages/admin-ui/src/pages/Analytics/components/wrappers/VolumeOverTimeWrapper.jsx
+++ b/packages/admin-ui/src/pages/Analytics/components/wrappers/VolumeOverTimeWrapper.jsx
@@ -1,9 +1,9 @@
 import Switch from '@mui/material/Switch'
 import React, { useState } from 'react'
-import { H2, Label1 } from 'src/components/typography'
+import { H2, Label1 } from '../../../../components/typography'
 
-import { Select } from 'src/components/inputs'
-import { neon, java } from 'src/styling/variables'
+import { Select } from '../../../../components/inputs'
+import { neon, java } from '../../../../styling/variables'
 
 import Graph from '../../graphs/Graph'
 import LegendEntry from '../LegendEntry'
diff --git a/packages/admin-ui/src/pages/Analytics/graphs/HourOfDayBarGraph.jsx b/packages/admin-ui/src/pages/Analytics/graphs/HourOfDayBarGraph.jsx
index ae5bac5c..0394e41a 100644
--- a/packages/admin-ui/src/pages/Analytics/graphs/HourOfDayBarGraph.jsx
+++ b/packages/admin-ui/src/pages/Analytics/graphs/HourOfDayBarGraph.jsx
@@ -12,9 +12,9 @@ import {
   fontColor,
   fontSecondary,
   subheaderColor,
-} from 'src/styling/variables'
-import { MINUTE } from 'src/utils/time'
-import { toUtc } from 'src/utils/timezones'
+} from '../../../styling/variables'
+import { MINUTE } from '../../../utils/time'
+import { toUtc } from '../../../utils/timezones'
 
 const Graph = ({
   data,
diff --git a/packages/admin-ui/src/pages/Analytics/graphs/OverTimeDotGraph.jsx b/packages/admin-ui/src/pages/Analytics/graphs/OverTimeDotGraph.jsx
index 7fc2cf85..168c80b7 100644
--- a/packages/admin-ui/src/pages/Analytics/graphs/OverTimeDotGraph.jsx
+++ b/packages/admin-ui/src/pages/Analytics/graphs/OverTimeDotGraph.jsx
@@ -14,9 +14,9 @@ import {
   primaryColor,
   fontSecondary,
   subheaderColor,
-} from 'src/styling/variables'
-import { numberToFiatAmount } from 'src/utils/number'
-import { MINUTE, DAY, WEEK, MONTH } from 'src/utils/time'
+} from '../../../styling/variables'
+import { numberToFiatAmount } from '../../../utils/number'
+import { MINUTE, DAY, WEEK, MONTH } from '../../../utils/time'
 
 const Graph = ({
   data,
diff --git a/packages/admin-ui/src/pages/Analytics/graphs/OverTimeLineGraph.jsx b/packages/admin-ui/src/pages/Analytics/graphs/OverTimeLineGraph.jsx
index f945e261..988e5ac4 100644
--- a/packages/admin-ui/src/pages/Analytics/graphs/OverTimeLineGraph.jsx
+++ b/packages/admin-ui/src/pages/Analytics/graphs/OverTimeLineGraph.jsx
@@ -22,9 +22,9 @@ import {
   primaryColor,
   fontSecondary,
   subheaderColor,
-} from 'src/styling/variables'
-import { numberToFiatAmount } from 'src/utils/number'
-import { MINUTE, DAY, WEEK, MONTH } from 'src/utils/time'
+} from '../../../styling/variables'
+import { numberToFiatAmount } from '../../../utils/number'
+import { MINUTE, DAY, WEEK, MONTH } from '../../../utils/time'
 
 const Graph = ({
   data,
diff --git a/packages/admin-ui/src/pages/Analytics/graphs/TopMachinesBarGraph.jsx b/packages/admin-ui/src/pages/Analytics/graphs/TopMachinesBarGraph.jsx
index ef8ef505..dc580c05 100644
--- a/packages/admin-ui/src/pages/Analytics/graphs/TopMachinesBarGraph.jsx
+++ b/packages/admin-ui/src/pages/Analytics/graphs/TopMachinesBarGraph.jsx
@@ -9,7 +9,7 @@ import {
   subheaderDarkColor,
   fontColor,
   fontSecondary,
-} from 'src/styling/variables'
+} from '../../../styling/variables'
 
 const Graph = ({ data, machines, currency }) => {
   const ref = useRef(null)
diff --git a/packages/admin-ui/src/pages/Authentication/Input2FAState.jsx b/packages/admin-ui/src/pages/Authentication/Input2FAState.jsx
index 415d38f9..e78da02b 100644
--- a/packages/admin-ui/src/pages/Authentication/Input2FAState.jsx
+++ b/packages/admin-ui/src/pages/Authentication/Input2FAState.jsx
@@ -2,11 +2,11 @@ import { useMutation, useLazyQuery, gql } from '@apollo/client'
 import { Form, Formik } from 'formik'
 import React, { useContext, useState } from 'react'
 import { useHistory } from 'react-router-dom'
-import { TL1, P } from 'src/components/typography'
+import { TL1, P } from '../../components/typography'
 
-import AppContext from 'src/AppContext'
-import { Button } from 'src/components/buttons'
-import { CodeInput } from 'src/components/inputs/base'
+import AppContext from '../../AppContext'
+import { Button } from '../../components/buttons'
+import { CodeInput } from '../../components/inputs/base'
 
 import { STATES } from './states'
 
diff --git a/packages/admin-ui/src/pages/Authentication/InputFIDOState.jsx b/packages/admin-ui/src/pages/Authentication/InputFIDOState.jsx
index 7a3b24f3..f2cb39b2 100644
--- a/packages/admin-ui/src/pages/Authentication/InputFIDOState.jsx
+++ b/packages/admin-ui/src/pages/Authentication/InputFIDOState.jsx
@@ -3,12 +3,12 @@ import { startAssertion } from '@simplewebauthn/browser'
 import { Field, Form, Formik } from 'formik'
 import React, { useState, useContext } from 'react'
 import { useHistory } from 'react-router-dom'
-import { H2, Label2, P } from 'src/components/typography'
+import { H2, Label2, P } from '../../components/typography'
 import * as Yup from 'yup'
 
-import AppContext from 'src/AppContext'
-import { Button } from 'src/components/buttons'
-import { Checkbox, TextInput } from 'src/components/inputs/formik'
+import AppContext from '../../AppContext'
+import { Button } from '../../components/buttons'
+import { Checkbox, TextInput } from '../../components/inputs/formik'
 
 const GET_USER_DATA = gql`
   {
diff --git a/packages/admin-ui/src/pages/Authentication/LoginCard.jsx b/packages/admin-ui/src/pages/Authentication/LoginCard.jsx
index 3661f1b0..5d15686a 100644
--- a/packages/admin-ui/src/pages/Authentication/LoginCard.jsx
+++ b/packages/admin-ui/src/pages/Authentication/LoginCard.jsx
@@ -1,6 +1,6 @@
 import Paper from '@mui/material/Paper'
 import React, { useReducer } from 'react'
-import Logo from 'src/styling/icons/menu/logo.svg?react'
+import Logo from '../../styling/icons/menu/logo.svg?react'
 
 import Input2FAState from './Input2FAState'
 import InputFIDOState from './InputFIDOState'
diff --git a/packages/admin-ui/src/pages/Authentication/LoginState.jsx b/packages/admin-ui/src/pages/Authentication/LoginState.jsx
index af07216f..5987ca30 100644
--- a/packages/admin-ui/src/pages/Authentication/LoginState.jsx
+++ b/packages/admin-ui/src/pages/Authentication/LoginState.jsx
@@ -3,12 +3,16 @@ import { startAssertion } from '@simplewebauthn/browser'
 import { Field, Form, Formik } from 'formik'
 import React, { useContext } from 'react'
 import { useHistory } from 'react-router-dom'
-import { Label3, P } from 'src/components/typography'
+import { Label3, P } from '../../components/typography'
 import * as Yup from 'yup'
 
-import AppContext from 'src/AppContext'
-import { Button } from 'src/components/buttons'
-import { Checkbox, SecretInput, TextInput } from 'src/components/inputs/formik'
+import AppContext from '../../AppContext'
+import { Button } from '../../components/buttons'
+import {
+  Checkbox,
+  SecretInput,
+  TextInput,
+} from '../../components/inputs/formik'
 
 const LOGIN = gql`
   mutation login($username: String!, $password: String!) {
diff --git a/packages/admin-ui/src/pages/Authentication/Register.jsx b/packages/admin-ui/src/pages/Authentication/Register.jsx
index 4a961e38..42fb241c 100644
--- a/packages/admin-ui/src/pages/Authentication/Register.jsx
+++ b/packages/admin-ui/src/pages/Authentication/Register.jsx
@@ -4,12 +4,12 @@ import Paper from '@mui/material/Paper'
 import { Field, Form, Formik } from 'formik'
 import React, { useReducer } from 'react'
 import { useLocation, useHistory } from 'react-router-dom'
-import { H2, Label3, P } from 'src/components/typography'
-import Logo from 'src/styling/icons/menu/logo.svg?react'
+import { H2, Label3, P } from '../../components/typography'
+import Logo from '../../styling/icons/menu/logo.svg?react'
 import * as Yup from 'yup'
 
-import { Button } from 'src/components/buttons'
-import { SecretInput } from 'src/components/inputs/formik'
+import { Button } from '../../components/buttons'
+import { SecretInput } from '../../components/inputs/formik'
 import classes from './Authentication.module.css'
 
 const QueryParams = () => new URLSearchParams(useLocation().search)
diff --git a/packages/admin-ui/src/pages/Authentication/Reset2FA.jsx b/packages/admin-ui/src/pages/Authentication/Reset2FA.jsx
index 0a26d2b7..19e73014 100644
--- a/packages/admin-ui/src/pages/Authentication/Reset2FA.jsx
+++ b/packages/admin-ui/src/pages/Authentication/Reset2FA.jsx
@@ -5,12 +5,12 @@ import { Form, Formik } from 'formik'
 import { QRCodeSVG as QRCode } from 'qrcode.react'
 import React, { useReducer, useState } from 'react'
 import { useLocation, useHistory } from 'react-router-dom'
-import { H2, Label2, Label3, P } from 'src/components/typography'
-import Logo from 'src/styling/icons/menu/logo.svg?react'
+import { H2, Label2, Label3, P } from '../../components/typography'
+import Logo from '../../styling/icons/menu/logo.svg?react'
 
-import { ActionButton, Button } from 'src/components/buttons'
-import { CodeInput } from 'src/components/inputs/base'
-import { primaryColor } from 'src/styling/variables'
+import { ActionButton, Button } from '../../components/buttons'
+import { CodeInput } from '../../components/inputs/base'
+import { primaryColor } from '../../styling/variables'
 
 import classes from './Authentication.module.css'
 
diff --git a/packages/admin-ui/src/pages/Authentication/ResetPassword.jsx b/packages/admin-ui/src/pages/Authentication/ResetPassword.jsx
index 31ba0907..ca74195e 100644
--- a/packages/admin-ui/src/pages/Authentication/ResetPassword.jsx
+++ b/packages/admin-ui/src/pages/Authentication/ResetPassword.jsx
@@ -4,12 +4,12 @@ import Paper from '@mui/material/Paper'
 import { Field, Form, Formik } from 'formik'
 import React, { useState } from 'react'
 import { useLocation, useHistory } from 'react-router-dom'
-import { H2, Label3, P } from 'src/components/typography'
-import Logo from 'src/styling/icons/menu/logo.svg?react'
+import { H2, Label3, P } from '../../components/typography'
+import Logo from '../../styling/icons/menu/logo.svg?react'
 import * as Yup from 'yup'
 
-import { Button } from 'src/components/buttons'
-import { SecretInput } from 'src/components/inputs/formik/'
+import { Button } from '../../components/buttons'
+import { SecretInput } from '../../components/inputs/formik'
 
 import classes from './Authentication.module.css'
 
diff --git a/packages/admin-ui/src/pages/Authentication/Setup2FAState.jsx b/packages/admin-ui/src/pages/Authentication/Setup2FAState.jsx
index 5b1e78bd..11fa6bf2 100644
--- a/packages/admin-ui/src/pages/Authentication/Setup2FAState.jsx
+++ b/packages/admin-ui/src/pages/Authentication/Setup2FAState.jsx
@@ -3,12 +3,12 @@ import { Form, Formik } from 'formik'
 import { QRCodeSVG as QRCode } from 'qrcode.react'
 import React, { useContext, useState } from 'react'
 import { useHistory } from 'react-router-dom'
-import { Label3, P } from 'src/components/typography'
+import { Label3, P } from '../../components/typography'
 
-import AppContext from 'src/AppContext'
-import { ActionButton, Button } from 'src/components/buttons'
-import { CodeInput } from 'src/components/inputs/base'
-import { primaryColor } from 'src/styling/variables'
+import AppContext from '../../AppContext'
+import { ActionButton, Button } from '../../components/buttons'
+import { CodeInput } from '../../components/inputs/base'
+import { primaryColor } from '../../styling/variables'
 
 import classes from './Authentication.module.css'
 
diff --git a/packages/admin-ui/src/pages/Blacklist/Blacklist.jsx b/packages/admin-ui/src/pages/Blacklist/Blacklist.jsx
index a6a6b915..06477f31 100644
--- a/packages/admin-ui/src/pages/Blacklist/Blacklist.jsx
+++ b/packages/admin-ui/src/pages/Blacklist/Blacklist.jsx
@@ -7,15 +7,15 @@ import SvgIcon from '@mui/material/SvgIcon'
 import IconButton from '@mui/material/IconButton'
 import * as R from 'ramda'
 import React, { useState } from 'react'
-import { HelpTooltip } from 'src/components/Tooltip'
-import TitleSection from 'src/components/layout/TitleSection'
-import { H2, Label2, P, Info3, Info2 } from 'src/components/typography'
-import CloseIcon from 'src/styling/icons/action/close/zodiac.svg?react'
-import ReverseSettingsIcon from 'src/styling/icons/circle buttons/settings/white.svg?react'
-import SettingsIcon from 'src/styling/icons/circle buttons/settings/zodiac.svg?react'
+import { HelpTooltip } from '../../components/Tooltip'
+import TitleSection from '../../components/layout/TitleSection'
+import { H2, Label2, P, Info3, Info2 } from '../../components/typography'
+import CloseIcon from '../../styling/icons/action/close/zodiac.svg?react'
+import ReverseSettingsIcon from '../../styling/icons/circle buttons/settings/white.svg?react'
+import SettingsIcon from '../../styling/icons/circle buttons/settings/zodiac.svg?react'
 
-import { Link, Button, SupportLinkButton } from 'src/components/buttons'
-import { fromNamespace, toNamespace } from 'src/utils/config'
+import { Link, Button, SupportLinkButton } from '../../components/buttons'
+import { fromNamespace, toNamespace } from '../../utils/config'
 
 import BlackListAdvanced from './BlacklistAdvanced'
 import BlackListModal from './BlacklistModal'
diff --git a/packages/admin-ui/src/pages/Blacklist/BlacklistAdvanced.jsx b/packages/admin-ui/src/pages/Blacklist/BlacklistAdvanced.jsx
index ec08fb4f..306dc31e 100644
--- a/packages/admin-ui/src/pages/Blacklist/BlacklistAdvanced.jsx
+++ b/packages/admin-ui/src/pages/Blacklist/BlacklistAdvanced.jsx
@@ -3,18 +3,18 @@ import SvgIcon from '@mui/material/SvgIcon'
 import { Form, Formik, Field } from 'formik'
 import * as R from 'ramda'
 import React, { useState } from 'react'
-import ErrorMessage from 'src/components/ErrorMessage'
-import Modal from 'src/components/Modal'
-import DataTable from 'src/components/tables/DataTable'
-import DisabledDeleteIcon from 'src/styling/icons/action/delete/disabled.svg?react'
-import DeleteIcon from 'src/styling/icons/action/delete/enabled.svg?react'
-import EditIcon from 'src/styling/icons/action/edit/enabled.svg?react'
-import DefaultIconReverse from 'src/styling/icons/button/retry/white.svg?react'
-import DefaultIcon from 'src/styling/icons/button/retry/zodiac.svg?react'
+import ErrorMessage from '../../components/ErrorMessage'
+import Modal from '../../components/Modal'
+import DataTable from '../../components/tables/DataTable'
+import DisabledDeleteIcon from '../../styling/icons/action/delete/disabled.svg?react'
+import DeleteIcon from '../../styling/icons/action/delete/enabled.svg?react'
+import EditIcon from '../../styling/icons/action/edit/enabled.svg?react'
+import DefaultIconReverse from '../../styling/icons/button/retry/white.svg?react'
+import DefaultIcon from '../../styling/icons/button/retry/zodiac.svg?react'
 import * as Yup from 'yup'
 
-import { ActionButton, Button } from 'src/components/buttons'
-import { TextInput } from 'src/components/inputs/formik'
+import { ActionButton, Button } from '../../components/buttons'
+import { TextInput } from '../../components/inputs/formik'
 
 const DEFAULT_MESSAGE = `This address may be associated with a deceptive offer or a prohibited group. Please make sure you're using an address from your own wallet.`
 
diff --git a/packages/admin-ui/src/pages/Blacklist/BlacklistModal.jsx b/packages/admin-ui/src/pages/Blacklist/BlacklistModal.jsx
index 5d8fdf80..5bb5c8ec 100644
--- a/packages/admin-ui/src/pages/Blacklist/BlacklistModal.jsx
+++ b/packages/admin-ui/src/pages/Blacklist/BlacklistModal.jsx
@@ -1,13 +1,13 @@
 import { Formik, Form, Field } from 'formik'
 import * as R from 'ramda'
 import React from 'react'
-import ErrorMessage from 'src/components/ErrorMessage'
-import Modal from 'src/components/Modal'
-import { H3 } from 'src/components/typography'
+import ErrorMessage from '../../components/ErrorMessage'
+import Modal from '../../components/Modal'
+import { H3 } from '../../components/typography'
 import * as Yup from 'yup'
 
-import { Link } from 'src/components/buttons'
-import { TextInput } from 'src/components/inputs/formik'
+import { Link } from '../../components/buttons'
+import { TextInput } from '../../components/inputs/formik'
 
 const BlackListModal = ({ onClose, addToBlacklist, errorMsg }) => {
   const handleAddToBlacklist = address => {
diff --git a/packages/admin-ui/src/pages/Blacklist/BlacklistTable.jsx b/packages/admin-ui/src/pages/Blacklist/BlacklistTable.jsx
index 53932a27..4946a278 100644
--- a/packages/admin-ui/src/pages/Blacklist/BlacklistTable.jsx
+++ b/packages/admin-ui/src/pages/Blacklist/BlacklistTable.jsx
@@ -2,10 +2,10 @@ import IconButton from '@mui/material/IconButton'
 import SvgIcon from '@mui/material/SvgIcon'
 import * as R from 'ramda'
 import React, { useState } from 'react'
-import { DeleteDialog } from 'src/components/DeleteDialog'
-import DataTable from 'src/components/tables/DataTable'
-import CopyToClipboard from 'src/components/CopyToClipboard.jsx'
-import DeleteIcon from 'src/styling/icons/action/delete/enabled.svg?react'
+import { DeleteDialog } from '../../components/DeleteDialog'
+import DataTable from '../../components/tables/DataTable'
+import CopyToClipboard from '../../components/CopyToClipboard.jsx'
+import DeleteIcon from '../../styling/icons/action/delete/enabled.svg?react'
 
 const BlacklistTable = ({
   data,
diff --git a/packages/admin-ui/src/pages/Cashout/Cashout.jsx b/packages/admin-ui/src/pages/Cashout/Cashout.jsx
index 419f5782..a4458f17 100644
--- a/packages/admin-ui/src/pages/Cashout/Cashout.jsx
+++ b/packages/admin-ui/src/pages/Cashout/Cashout.jsx
@@ -2,14 +2,14 @@ import { useQuery, useMutation, gql } from '@apollo/client'
 import Switch from '@mui/material/Switch'
 import * as R from 'ramda'
 import React, { useState } from 'react'
-import { HelpTooltip } from 'src/components/Tooltip'
-import TitleSection from 'src/components/layout/TitleSection'
-import { P, Label2 } from 'src/components/typography'
+import { HelpTooltip } from '../../components/Tooltip'
+import TitleSection from '../../components/layout/TitleSection'
+import { P, Label2 } from '../../components/typography'
 
-import { SupportLinkButton } from 'src/components/buttons'
-import { NamespacedTable as EditableTable } from 'src/components/editableTable'
-import { EmptyTable } from 'src/components/table'
-import { fromNamespace, toNamespace } from 'src/utils/config'
+import { SupportLinkButton } from '../../components/buttons'
+import { NamespacedTable as EditableTable } from '../../components/editableTable'
+import { EmptyTable } from '../../components/table'
+import { fromNamespace, toNamespace } from '../../utils/config'
 
 import Wizard from './Wizard'
 import { DenominationsSchema, getElements } from './helper'
diff --git a/packages/admin-ui/src/pages/Cashout/Wizard.jsx b/packages/admin-ui/src/pages/Cashout/Wizard.jsx
index 39ecf8d6..9a88d66b 100644
--- a/packages/admin-ui/src/pages/Cashout/Wizard.jsx
+++ b/packages/admin-ui/src/pages/Cashout/Wizard.jsx
@@ -1,13 +1,13 @@
 import * as R from 'ramda'
 import React, { useState } from 'react'
-import Modal from 'src/components/Modal'
+import Modal from '../../components/Modal'
 import * as Yup from 'yup'
 
-import { Autocomplete } from 'src/components/inputs/formik'
-import denominations from 'src/utils/bill-denominations'
-import { getBillOptions } from 'src/utils/bill-options'
-import { toNamespace } from 'src/utils/config'
-import { transformNumber } from 'src/utils/number'
+import { Autocomplete } from '../../components/inputs/formik'
+import denominations from '../../utils/bill-denominations'
+import { getBillOptions } from '../../utils/bill-options'
+import { toNamespace } from '../../utils/config'
+import { transformNumber } from '../../utils/number'
 
 import WizardSplash from './WizardSplash'
 import WizardStep from './WizardStep'
diff --git a/packages/admin-ui/src/pages/Cashout/WizardSplash.jsx b/packages/admin-ui/src/pages/Cashout/WizardSplash.jsx
index dd9b0535..546a75c0 100644
--- a/packages/admin-ui/src/pages/Cashout/WizardSplash.jsx
+++ b/packages/admin-ui/src/pages/Cashout/WizardSplash.jsx
@@ -1,8 +1,8 @@
 import React from 'react'
-import { H1, P, Info2 } from 'src/components/typography'
-import TxOutIcon from 'src/styling/icons/direction/cash-out.svg?react'
+import { H1, P, Info2 } from '../../components/typography'
+import TxOutIcon from '../../styling/icons/direction/cash-out.svg?react'
 
-import { Button } from 'src/components/buttons'
+import { Button } from '../../components/buttons'
 
 const WizardSplash = ({ name, onContinue }) => {
   return (
diff --git a/packages/admin-ui/src/pages/Cashout/WizardStep.jsx b/packages/admin-ui/src/pages/Cashout/WizardStep.jsx
index 3f44c24d..c4757f73 100644
--- a/packages/admin-ui/src/pages/Cashout/WizardStep.jsx
+++ b/packages/admin-ui/src/pages/Cashout/WizardStep.jsx
@@ -1,21 +1,21 @@
 import { Formik, Form, Field } from 'formik'
 import React from 'react'
-import ErrorMessage from 'src/components/ErrorMessage'
-import Stepper from 'src/components/Stepper'
-import { Info2, H4, P, Info1, Label1 } from 'src/components/typography'
-import WarningIcon from 'src/styling/icons/warning-icon/comet.svg?react'
+import ErrorMessage from '../../components/ErrorMessage'
+import Stepper from '../../components/Stepper'
+import { Info2, H4, P, Info1, Label1 } from '../../components/typography'
+import WarningIcon from '../../styling/icons/warning-icon/comet.svg?react'
 
-import { Button } from 'src/components/buttons'
-import { NumberInput } from 'src/components/inputs/formik'
-import cassetteOne from 'src/styling/icons/cassettes/cashout-cassette-1.svg'
-import cassetteTwo from 'src/styling/icons/cassettes/cashout-cassette-2.svg'
-import tejo3CassetteOne from 'src/styling/icons/cassettes/tejo/3-cassettes/3-cassettes-open-1-left.svg'
-import tejo3CassetteTwo from 'src/styling/icons/cassettes/tejo/3-cassettes/3-cassettes-open-2-left.svg'
-import tejo3CassetteThree from 'src/styling/icons/cassettes/tejo/3-cassettes/3-cassettes-open-3-left.svg'
-import tejo4CassetteOne from 'src/styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-1-left.svg'
-import tejo4CassetteTwo from 'src/styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-2-left.svg'
-import tejo4CassetteThree from 'src/styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-3-left.svg'
-import tejo4CassetteFour from 'src/styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-4-left.svg'
+import { Button } from '../../components/buttons'
+import { NumberInput } from '../../components/inputs/formik'
+import cassetteOne from '../../styling/icons/cassettes/cashout-cassette-1.svg'
+import cassetteTwo from '../../styling/icons/cassettes/cashout-cassette-2.svg'
+import tejo3CassetteOne from '../../styling/icons/cassettes/tejo/3-cassettes/3-cassettes-open-1-left.svg'
+import tejo3CassetteTwo from '../../styling/icons/cassettes/tejo/3-cassettes/3-cassettes-open-2-left.svg'
+import tejo3CassetteThree from '../../styling/icons/cassettes/tejo/3-cassettes/3-cassettes-open-3-left.svg'
+import tejo4CassetteOne from '../../styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-1-left.svg'
+import tejo4CassetteTwo from '../../styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-2-left.svg'
+import tejo4CassetteThree from '../../styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-3-left.svg'
+import tejo4CassetteFour from '../../styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-4-left.svg'
 
 const getCassetesArtworks = () => ({
   1: {
diff --git a/packages/admin-ui/src/pages/Cashout/helper.js b/packages/admin-ui/src/pages/Cashout/helper.js
index 94087a32..510f896b 100644
--- a/packages/admin-ui/src/pages/Cashout/helper.js
+++ b/packages/admin-ui/src/pages/Cashout/helper.js
@@ -1,12 +1,12 @@
 import * as R from 'ramda'
 import * as Yup from 'yup'
 
-import { Autocomplete, NumberInput } from 'src/components/inputs/formik'
-import { bold } from 'src/styling/helpers'
-import denominations from 'src/utils/bill-denominations'
-import { getBillOptions } from 'src/utils/bill-options'
-import { CURRENCY_MAX } from 'src/utils/constants'
-import { transformNumber } from 'src/utils/number'
+import { Autocomplete, NumberInput } from '../../components/inputs/formik'
+import { bold } from '../../styling/helpers'
+import denominations from '../../utils/bill-denominations'
+import { getBillOptions } from '../../utils/bill-options'
+import { CURRENCY_MAX } from '../../utils/constants'
+import { transformNumber } from '../../utils/number'
 
 const widthsByNumberOfUnits = {
   2: { machine: 325, cassette: 340 },
diff --git a/packages/admin-ui/src/pages/Commissions/Commissions.jsx b/packages/admin-ui/src/pages/Commissions/Commissions.jsx
index 73bdcb61..3537ece1 100644
--- a/packages/admin-ui/src/pages/Commissions/Commissions.jsx
+++ b/packages/admin-ui/src/pages/Commissions/Commissions.jsx
@@ -1,14 +1,14 @@
 import { useQuery, useMutation, gql } from '@apollo/client'
 import * as R from 'ramda'
 import React, { useState } from 'react'
-import { HelpTooltip } from 'src/components/Tooltip'
-import TitleSection from 'src/components/layout/TitleSection'
-import ReverseListingViewIcon from 'src/styling/icons/circle buttons/listing-view/white.svg?react'
-import ListingViewIcon from 'src/styling/icons/circle buttons/listing-view/zodiac.svg?react'
-import OverrideLabelIcon from 'src/styling/icons/status/spring2.svg?react'
+import { HelpTooltip } from '../../components/Tooltip'
+import TitleSection from '../../components/layout/TitleSection'
+import ReverseListingViewIcon from '../../styling/icons/circle buttons/listing-view/white.svg?react'
+import ListingViewIcon from '../../styling/icons/circle buttons/listing-view/zodiac.svg?react'
+import OverrideLabelIcon from '../../styling/icons/status/spring2.svg?react'
 
-import { SupportLinkButton } from 'src/components/buttons'
-import { fromNamespace, toNamespace, namespaces } from 'src/utils/config'
+import { SupportLinkButton } from '../../components/buttons'
+import { fromNamespace, toNamespace, namespaces } from '../../utils/config'
 
 import { P } from '../../components/typography'
 
diff --git a/packages/admin-ui/src/pages/Commissions/components/CommissionsDetails.jsx b/packages/admin-ui/src/pages/Commissions/components/CommissionsDetails.jsx
index 521a153d..e51c399b 100644
--- a/packages/admin-ui/src/pages/Commissions/components/CommissionsDetails.jsx
+++ b/packages/admin-ui/src/pages/Commissions/components/CommissionsDetails.jsx
@@ -1,6 +1,6 @@
 import * as R from 'ramda'
 import React, { useState, memo } from 'react'
-import Section from 'src/components/layout/Section'
+import Section from '../../../components/layout/Section'
 import {
   mainFields,
   overrides,
@@ -9,9 +9,9 @@ import {
   defaults,
   overridesDefaults,
   getOrder,
-} from 'src/pages/Commissions/helper'
+} from '../helper'
 
-import { Table as EditableTable } from 'src/components/editableTable'
+import { Table as EditableTable } from '../../../components/editableTable'
 
 const CommissionsDetails = memo(
   ({ config, locale, currency, data, error, save, saveOverrides }) => {
diff --git a/packages/admin-ui/src/pages/Commissions/components/CommissionsList.jsx b/packages/admin-ui/src/pages/Commissions/components/CommissionsList.jsx
index debfd42b..a43a336b 100644
--- a/packages/admin-ui/src/pages/Commissions/components/CommissionsList.jsx
+++ b/packages/admin-ui/src/pages/Commissions/components/CommissionsList.jsx
@@ -5,10 +5,10 @@ import {
   getCommissions,
   getListCommissionsSchema,
   commissionsList,
-} from 'src/pages/Commissions/helper'
+} from '../helper'
 
-import { Table as EditableTable } from 'src/components/editableTable'
-import { Select } from 'src/components/inputs'
+import { Table as EditableTable } from '../../../components/editableTable'
+import { Select } from '../../../components/inputs'
 
 const SHOW_ALL = {
   code: 'SHOW_ALL',
diff --git a/packages/admin-ui/src/pages/Commissions/helper.jsx b/packages/admin-ui/src/pages/Commissions/helper.jsx
index c1c74472..491887f2 100644
--- a/packages/admin-ui/src/pages/Commissions/helper.jsx
+++ b/packages/admin-ui/src/pages/Commissions/helper.jsx
@@ -1,16 +1,16 @@
 import * as R from 'ramda'
 import React from 'react'
-import TxInIcon from 'src/styling/icons/direction/cash-in.svg?react'
-import TxOutIcon from 'src/styling/icons/direction/cash-out.svg?react'
+import TxInIcon from '../../styling/icons/direction/cash-in.svg?react'
+import TxOutIcon from '../../styling/icons/direction/cash-out.svg?react'
 import { v4 as uuidv4 } from 'uuid'
 import * as Yup from 'yup'
 
-import { Autocomplete, NumberInput } from 'src/components/inputs/formik'
-import { bold } from 'src/styling/helpers'
-import { primaryColor, secondaryColorDark } from 'src/styling/variables'
-import denominations from 'src/utils/bill-denominations'
-import { getBillOptions } from 'src/utils/bill-options'
-import { CURRENCY_MAX } from 'src/utils/constants'
+import { Autocomplete, NumberInput } from '../../components/inputs/formik'
+import { bold } from '../../styling/helpers'
+import { primaryColor, secondaryColorDark } from '../../styling/variables'
+import denominations from '../../utils/bill-denominations'
+import { getBillOptions } from '../../utils/bill-options'
+import { CURRENCY_MAX } from '../../utils/constants'
 
 const ALL_MACHINES = {
   name: 'All Machines',
diff --git a/packages/admin-ui/src/pages/Customers/CustomerData.jsx b/packages/admin-ui/src/pages/Customers/CustomerData.jsx
index b04e7a1d..8a459162 100644
--- a/packages/admin-ui/src/pages/Customers/CustomerData.jsx
+++ b/packages/admin-ui/src/pages/Customers/CustomerData.jsx
@@ -1,18 +1,15 @@
 import * as R from 'ramda'
 import { useState, React } from 'react'
-import ImagePopper from 'src/components/ImagePopper'
-import { H3, Info3 } from 'src/components/typography'
-import CardIcon from 'src/styling/icons/ID/card/comet.svg?react'
-import PhoneIcon from 'src/styling/icons/ID/phone/comet.svg?react'
-import EditIcon from 'src/styling/icons/action/edit/comet.svg?react'
+import ImagePopper from '../../components/ImagePopper'
+import { H3, Info3 } from '../../components/typography'
+import CardIcon from '../../styling/icons/ID/card/comet.svg?react'
+import PhoneIcon from '../../styling/icons/ID/phone/comet.svg?react'
+import EditIcon from '../../styling/icons/action/edit/comet.svg?react'
 import * as Yup from 'yup'
 
-import { TextInput } from 'src/components/inputs/formik'
-import {
-  OVERRIDE_AUTHORIZED,
-  OVERRIDE_REJECTED,
-} from 'src/pages/Customers/components/consts'
-import { onlyFirstToUpper } from 'src/utils/string'
+import { TextInput } from '../../components/inputs/formik'
+import { OVERRIDE_AUTHORIZED, OVERRIDE_REJECTED } from './components/consts'
+import { onlyFirstToUpper } from '../../utils/string'
 
 import { EditableCard } from './components'
 import {
diff --git a/packages/admin-ui/src/pages/Customers/CustomerNotes.jsx b/packages/admin-ui/src/pages/Customers/CustomerNotes.jsx
index 5f5cf2cb..77a5b206 100644
--- a/packages/admin-ui/src/pages/Customers/CustomerNotes.jsx
+++ b/packages/admin-ui/src/pages/Customers/CustomerNotes.jsx
@@ -1,6 +1,6 @@
 import * as R from 'ramda'
 import { React, useState } from 'react'
-import { H3 } from 'src/components/typography'
+import { H3 } from '../../components/typography'
 
 import NewNoteCard from './components/notes/NewNoteCard'
 import NewNoteModal from './components/notes/NewNoteModal'
diff --git a/packages/admin-ui/src/pages/Customers/CustomerPhotos.jsx b/packages/admin-ui/src/pages/Customers/CustomerPhotos.jsx
index 761899f5..b0338692 100644
--- a/packages/admin-ui/src/pages/Customers/CustomerPhotos.jsx
+++ b/packages/admin-ui/src/pages/Customers/CustomerPhotos.jsx
@@ -2,9 +2,9 @@ import Paper from '@mui/material/Paper'
 import { format } from 'date-fns/fp'
 import * as R from 'ramda'
 import { React, useState } from 'react'
-import { InformativeDialog } from 'src/components/InformativeDialog'
-import { Label2, H3 } from 'src/components/typography'
-import CameraIcon from 'src/styling/icons/ID/photo/comet.svg?react'
+import { InformativeDialog } from '../../components/InformativeDialog'
+import { Label2, H3 } from '../../components/typography'
+import CameraIcon from '../../styling/icons/ID/photo/comet.svg?react'
 
 import PhotosCarousel from './components/PhotosCarousel'
 
diff --git a/packages/admin-ui/src/pages/Customers/CustomerProfile.jsx b/packages/admin-ui/src/pages/Customers/CustomerProfile.jsx
index ce4a5e49..101fabbb 100644
--- a/packages/admin-ui/src/pages/Customers/CustomerProfile.jsx
+++ b/packages/admin-ui/src/pages/Customers/CustomerProfile.jsx
@@ -5,23 +5,20 @@ import NavigateNextIcon from '@mui/icons-material/NavigateNext'
 import * as R from 'ramda'
 import React, { memo, useState } from 'react'
 import { useHistory, useParams } from 'react-router-dom'
-import { Label1, Label2 } from 'src/components/typography'
-import AuthorizeReversedIcon from 'src/styling/icons/button/authorize/white.svg?react'
-import AuthorizeIcon from 'src/styling/icons/button/authorize/zodiac.svg?react'
-import BlockReversedIcon from 'src/styling/icons/button/block/white.svg?react'
-import BlockIcon from 'src/styling/icons/button/block/zodiac.svg?react'
-import DataReversedIcon from 'src/styling/icons/button/data/white.svg?react'
-import DataIcon from 'src/styling/icons/button/data/zodiac.svg?react'
+import { Label1, Label2 } from '../../components/typography'
+import AuthorizeReversedIcon from '../../styling/icons/button/authorize/white.svg?react'
+import AuthorizeIcon from '../../styling/icons/button/authorize/zodiac.svg?react'
+import BlockReversedIcon from '../../styling/icons/button/block/white.svg?react'
+import BlockIcon from '../../styling/icons/button/block/zodiac.svg?react'
+import DataReversedIcon from '../../styling/icons/button/data/white.svg?react'
+import DataIcon from '../../styling/icons/button/data/zodiac.svg?react'
 
-import { ActionButton } from 'src/components/buttons'
-import {
-  OVERRIDE_AUTHORIZED,
-  OVERRIDE_REJECTED,
-} from 'src/pages/Customers/components/consts'
+import { ActionButton } from '../../components/buttons'
+import { OVERRIDE_AUTHORIZED, OVERRIDE_REJECTED } from './components/consts'
 // TODO: Enable for next release
-// import DiscountReversedIcon from 'src/styling/icons/button/discount/white.svg?react'
-// import Discount from 'src/styling/icons/button/discount/zodiac.svg?react'
-import { fromNamespace, namespaces } from 'src/utils/config'
+// import DiscountReversedIcon from '../../styling/icons/button/discount/white.svg?react'
+// import Discount from '../../styling/icons/button/discount/zodiac.svg?react'
+import { fromNamespace, namespaces } from '../../utils/config'
 
 import CustomerData from './CustomerData'
 import CustomerNotes from './CustomerNotes'
diff --git a/packages/admin-ui/src/pages/Customers/Customers.jsx b/packages/admin-ui/src/pages/Customers/Customers.jsx
index 892fe634..7bb2e22b 100644
--- a/packages/admin-ui/src/pages/Customers/Customers.jsx
+++ b/packages/admin-ui/src/pages/Customers/Customers.jsx
@@ -2,14 +2,14 @@ import { useQuery, useMutation, gql } from '@apollo/client'
 import * as R from 'ramda'
 import React, { useState } from 'react'
 import { useHistory } from 'react-router-dom'
-import SearchBox from 'src/components/SearchBox'
-import SearchFilter from 'src/components/SearchFilter'
-import TitleSection from 'src/components/layout/TitleSection'
-import TxInIcon from 'src/styling/icons/direction/cash-in.svg?react'
-import TxOutIcon from 'src/styling/icons/direction/cash-out.svg?react'
+import SearchBox from '../../components/SearchBox'
+import SearchFilter from '../../components/SearchFilter'
+import TitleSection from '../../components/layout/TitleSection'
+import TxInIcon from '../../styling/icons/direction/cash-in.svg?react'
+import TxOutIcon from '../../styling/icons/direction/cash-out.svg?react'
 
-import { Link } from 'src/components/buttons'
-import { fromNamespace, namespaces } from 'src/utils/config'
+import { Link } from '../../components/buttons'
+import { fromNamespace, namespaces } from '../../utils/config'
 
 import CustomersList from './CustomersList'
 import CreateCustomerModal from './components/CreateCustomerModal'
diff --git a/packages/admin-ui/src/pages/Customers/CustomersList.jsx b/packages/admin-ui/src/pages/Customers/CustomersList.jsx
index 10f01cfa..488b028a 100644
--- a/packages/admin-ui/src/pages/Customers/CustomersList.jsx
+++ b/packages/admin-ui/src/pages/Customers/CustomersList.jsx
@@ -1,10 +1,10 @@
 import { format } from 'date-fns/fp'
 import * as R from 'ramda'
 import React from 'react'
-import { MainStatus } from 'src/components/Status'
-import DataTable from 'src/components/tables/DataTable'
-import TxInIcon from 'src/styling/icons/direction/cash-in.svg?react'
-import TxOutIcon from 'src/styling/icons/direction/cash-out.svg?react'
+import { MainStatus } from '../../components/Status'
+import DataTable from '../../components/tables/DataTable'
+import TxInIcon from '../../styling/icons/direction/cash-in.svg?react'
+import TxOutIcon from '../../styling/icons/direction/cash-out.svg?react'
 
 import { getFormattedPhone, getName } from './helper'
 
diff --git a/packages/admin-ui/src/pages/Customers/Wizard.jsx b/packages/admin-ui/src/pages/Customers/Wizard.jsx
index f11c845b..1cb99855 100644
--- a/packages/admin-ui/src/pages/Customers/Wizard.jsx
+++ b/packages/admin-ui/src/pages/Customers/Wizard.jsx
@@ -1,11 +1,11 @@
 import { Form, Formik } from 'formik'
 import * as R from 'ramda'
 import React, { useState, Fragment } from 'react'
-import ErrorMessage from 'src/components/ErrorMessage'
-import Modal from 'src/components/Modal'
-import Stepper from 'src/components/Stepper'
+import ErrorMessage from '../../components/ErrorMessage'
+import Modal from '../../components/Modal'
+import Stepper from '../../components/Stepper'
 
-import { Button } from 'src/components/buttons'
+import { Button } from '../../components/buttons'
 
 import {
   entryType,
diff --git a/packages/admin-ui/src/pages/Customers/components/CreateCustomerModal.jsx b/packages/admin-ui/src/pages/Customers/components/CreateCustomerModal.jsx
index 4ca2737f..447e981e 100644
--- a/packages/admin-ui/src/pages/Customers/components/CreateCustomerModal.jsx
+++ b/packages/admin-ui/src/pages/Customers/components/CreateCustomerModal.jsx
@@ -2,13 +2,13 @@ import { Field, Form, Formik } from 'formik'
 import { parsePhoneNumberWithError } from 'libphonenumber-js'
 import * as R from 'ramda'
 import React from 'react'
-import ErrorMessage from 'src/components/ErrorMessage'
-import Modal from 'src/components/Modal'
-import { H1 } from 'src/components/typography'
+import ErrorMessage from '../../../components/ErrorMessage'
+import Modal from '../../../components/Modal'
+import { H1 } from '../../../components/typography'
 import * as Yup from 'yup'
 
-import { Button } from 'src/components/buttons'
-import { TextInput } from 'src/components/inputs/formik'
+import { Button } from '../../../components/buttons'
+import { TextInput } from '../../../components/inputs/formik'
 
 const getValidationSchema = countryCodes =>
   Yup.object().shape({
diff --git a/packages/admin-ui/src/pages/Customers/components/CustomerDetails.jsx b/packages/admin-ui/src/pages/Customers/components/CustomerDetails.jsx
index e720e332..4494fa6d 100644
--- a/packages/admin-ui/src/pages/Customers/components/CustomerDetails.jsx
+++ b/packages/admin-ui/src/pages/Customers/components/CustomerDetails.jsx
@@ -1,7 +1,7 @@
 import * as R from 'ramda'
 import React, { memo } from 'react'
-import { H2, Label1, P } from 'src/components/typography'
-import IdIcon from 'src/styling/icons/ID/card/zodiac.svg?react'
+import { H2, Label1, P } from '../../../components/typography'
+import IdIcon from '../../../styling/icons/ID/card/zodiac.svg?react'
 
 import { getFormattedPhone, getName } from '../helper'
 
diff --git a/packages/admin-ui/src/pages/Customers/components/CustomerSidebar.jsx b/packages/admin-ui/src/pages/Customers/components/CustomerSidebar.jsx
index b7109e78..20c7d113 100644
--- a/packages/admin-ui/src/pages/Customers/components/CustomerSidebar.jsx
+++ b/packages/admin-ui/src/pages/Customers/components/CustomerSidebar.jsx
@@ -1,13 +1,13 @@
 import classnames from 'classnames'
 import React from 'react'
-import CustomerDataReversedIcon from 'src/styling/icons/customer-nav/data/comet.svg?react'
-import CustomerDataIcon from 'src/styling/icons/customer-nav/data/white.svg?react'
-import NoteReversedIcon from 'src/styling/icons/customer-nav/note/comet.svg?react'
-import NoteIcon from 'src/styling/icons/customer-nav/note/white.svg?react'
-import OverviewReversedIcon from 'src/styling/icons/customer-nav/overview/comet.svg?react'
-import OverviewIcon from 'src/styling/icons/customer-nav/overview/white.svg?react'
-import PhotosReversedIcon from 'src/styling/icons/customer-nav/photos/comet.svg?react'
-import Photos from 'src/styling/icons/customer-nav/photos/white.svg?react'
+import CustomerDataReversedIcon from '../../../styling/icons/customer-nav/data/comet.svg?react'
+import CustomerDataIcon from '../../../styling/icons/customer-nav/data/white.svg?react'
+import NoteReversedIcon from '../../../styling/icons/customer-nav/note/comet.svg?react'
+import NoteIcon from '../../../styling/icons/customer-nav/note/white.svg?react'
+import OverviewReversedIcon from '../../../styling/icons/customer-nav/overview/comet.svg?react'
+import OverviewIcon from '../../../styling/icons/customer-nav/overview/white.svg?react'
+import PhotosReversedIcon from '../../../styling/icons/customer-nav/photos/comet.svg?react'
+import Photos from '../../../styling/icons/customer-nav/photos/white.svg?react'
 
 import { P } from '/src/components/typography/index.jsx'
 
diff --git a/packages/admin-ui/src/pages/Customers/components/EditableCard.jsx b/packages/admin-ui/src/pages/Customers/components/EditableCard.jsx
index 8ec57d4a..8f83b179 100644
--- a/packages/admin-ui/src/pages/Customers/components/EditableCard.jsx
+++ b/packages/admin-ui/src/pages/Customers/components/EditableCard.jsx
@@ -3,25 +3,22 @@ import Card from '@mui/material/Card'
 import { Form, Formik, Field as FormikField } from 'formik'
 import * as R from 'ramda'
 import { useState, React, useRef } from 'react'
-import ErrorMessage from 'src/components/ErrorMessage'
-import PromptWhenDirty from 'src/components/PromptWhenDirty'
-import { MainStatus } from 'src/components/Status'
-import { Label1, P, H3 } from 'src/components/typography'
-import EditIcon from 'src/styling/icons/action/edit/enabled.svg?react'
-import EditReversedIcon from 'src/styling/icons/action/edit/white.svg?react'
-import AuthorizeIcon from 'src/styling/icons/button/authorize/white.svg?react'
-import BlockIcon from 'src/styling/icons/button/block/white.svg?react'
-import CancelReversedIcon from 'src/styling/icons/button/cancel/white.svg?react'
-import DataReversedIcon from 'src/styling/icons/button/data/white.svg?react'
-import DataIcon from 'src/styling/icons/button/data/zodiac.svg?react'
-import ReplaceReversedIcon from 'src/styling/icons/button/replace/white.svg?react'
-import SaveReversedIcon from 'src/styling/icons/circle buttons/save/white.svg?react'
+import ErrorMessage from '../../../components/ErrorMessage'
+import PromptWhenDirty from '../../../components/PromptWhenDirty'
+import { MainStatus } from '../../../components/Status'
+import { Label1, P, H3 } from '../../../components/typography'
+import EditIcon from '../../../styling/icons/action/edit/enabled.svg?react'
+import EditReversedIcon from '../../../styling/icons/action/edit/white.svg?react'
+import AuthorizeIcon from '../../../styling/icons/button/authorize/white.svg?react'
+import BlockIcon from '../../../styling/icons/button/block/white.svg?react'
+import CancelReversedIcon from '../../../styling/icons/button/cancel/white.svg?react'
+import DataReversedIcon from '../../../styling/icons/button/data/white.svg?react'
+import DataIcon from '../../../styling/icons/button/data/zodiac.svg?react'
+import ReplaceReversedIcon from '../../../styling/icons/button/replace/white.svg?react'
+import SaveReversedIcon from '../../../styling/icons/circle buttons/save/white.svg?react'
 
-import { ActionButton } from 'src/components/buttons'
-import {
-  OVERRIDE_REJECTED,
-  OVERRIDE_PENDING,
-} from 'src/pages/Customers/components/consts'
+import { ActionButton } from '../../../components/buttons'
+import { OVERRIDE_REJECTED, OVERRIDE_PENDING } from './consts'
 
 const ReadOnlyField = ({ field, value }) => {
   return (
diff --git a/packages/admin-ui/src/pages/Customers/components/PhotosCard.jsx b/packages/admin-ui/src/pages/Customers/components/PhotosCard.jsx
index 8a0fd60c..d513109a 100644
--- a/packages/admin-ui/src/pages/Customers/components/PhotosCard.jsx
+++ b/packages/admin-ui/src/pages/Customers/components/PhotosCard.jsx
@@ -2,9 +2,9 @@ import ButtonBase from '@mui/material/ButtonBase'
 import Paper from '@mui/material/Card'
 import * as R from 'ramda'
 import React, { memo, useState } from 'react'
-import { InformativeDialog } from 'src/components/InformativeDialog'
-import { Info2 } from 'src/components/typography'
-import CrossedCameraIcon from 'src/styling/icons/ID/photo/crossed-camera.svg?react'
+import { InformativeDialog } from '../../../components/InformativeDialog'
+import { Info2 } from '../../../components/typography'
+import CrossedCameraIcon from '../../../styling/icons/ID/photo/crossed-camera.svg?react'
 
 import PhotosCarousel from './PhotosCarousel'
 
diff --git a/packages/admin-ui/src/pages/Customers/components/PhotosCarousel.jsx b/packages/admin-ui/src/pages/Customers/components/PhotosCarousel.jsx
index 91e6b567..3cae828e 100644
--- a/packages/admin-ui/src/pages/Customers/components/PhotosCarousel.jsx
+++ b/packages/admin-ui/src/pages/Customers/components/PhotosCarousel.jsx
@@ -1,9 +1,9 @@
 import * as R from 'ramda'
 import React, { memo, useState } from 'react'
-import { Carousel } from 'src/components/Carousel'
-import { Label1 } from 'src/components/typography'
+import { Carousel } from '../../../components/Carousel'
+import { Label1 } from '../../../components/typography'
 
-import { formatDate } from 'src/utils/timezones'
+import { formatDate } from '../../../utils/timezones'
 
 import CopyToClipboard from '../../../components/CopyToClipboard.jsx'
 
diff --git a/packages/admin-ui/src/pages/Customers/components/TransactionsList.jsx b/packages/admin-ui/src/pages/Customers/components/TransactionsList.jsx
index 60594450..25969e58 100644
--- a/packages/admin-ui/src/pages/Customers/components/TransactionsList.jsx
+++ b/packages/admin-ui/src/pages/Customers/components/TransactionsList.jsx
@@ -2,13 +2,13 @@ import { toUnit } from '@lamassu/coins/lightUtils'
 import BigNumber from 'bignumber.js'
 import * as R from 'ramda'
 import React from 'react'
-import DataTable from 'src/components/tables/DataTable'
-import { H3, H4, Label1, Label2, P } from 'src/components/typography'
-import TxInIcon from 'src/styling/icons/direction/cash-in.svg?react'
-import TxOutIcon from 'src/styling/icons/direction/cash-out.svg?react'
+import DataTable from '../../../components/tables/DataTable'
+import { H3, H4, Label1, Label2, P } from '../../../components/typography'
+import TxInIcon from '../../../styling/icons/direction/cash-in.svg?react'
+import TxOutIcon from '../../../styling/icons/direction/cash-out.svg?react'
 
-import { ifNotNull } from 'src/utils/nullCheck'
-import { formatDate } from 'src/utils/timezones'
+import { ifNotNull } from '../../../utils/nullCheck'
+import { formatDate } from '../../../utils/timezones'
 
 import CopyToClipboard from '../../../components/CopyToClipboard.jsx'
 
diff --git a/packages/admin-ui/src/pages/Customers/components/Upload.jsx b/packages/admin-ui/src/pages/Customers/components/Upload.jsx
index 94b48ae3..74347428 100644
--- a/packages/admin-ui/src/pages/Customers/components/Upload.jsx
+++ b/packages/admin-ui/src/pages/Customers/components/Upload.jsx
@@ -2,9 +2,9 @@ import { useFormikContext } from 'formik'
 import * as R from 'ramda'
 import React, { useState, useCallback } from 'react'
 import { useDropzone } from 'react-dropzone'
-import { Label3, H3 } from 'src/components/typography'
-import UploadPhotoIcon from 'src/styling/icons/button/photo/zodiac-resized.svg?react'
-import UploadFileIcon from 'src/styling/icons/button/upload-file/zodiac-resized.svg?react'
+import { Label3, H3 } from '../../../components/typography'
+import UploadPhotoIcon from '../../../styling/icons/button/photo/zodiac-resized.svg?react'
+import UploadFileIcon from '../../../styling/icons/button/upload-file/zodiac-resized.svg?react'
 
 import classes from './Upload.module.css'
 
diff --git a/packages/admin-ui/src/pages/Customers/components/notes/NewNoteCard.jsx b/packages/admin-ui/src/pages/Customers/components/notes/NewNoteCard.jsx
index a3c568e8..3cffcd7f 100644
--- a/packages/admin-ui/src/pages/Customers/components/notes/NewNoteCard.jsx
+++ b/packages/admin-ui/src/pages/Customers/components/notes/NewNoteCard.jsx
@@ -1,7 +1,7 @@
 import Paper from '@mui/material/Paper'
 import { React } from 'react'
-import { P } from 'src/components/typography'
-import AddIcon from 'src/styling/icons/button/add/zodiac.svg?react'
+import { P } from '../../../../components/typography'
+import AddIcon from '../../../../styling/icons/button/add/zodiac.svg?react'
 
 const NewNoteCard = ({ setOpenModal }) => {
   return (
diff --git a/packages/admin-ui/src/pages/Customers/components/notes/NewNoteModal.jsx b/packages/admin-ui/src/pages/Customers/components/notes/NewNoteModal.jsx
index 99d09f5c..e1536d65 100644
--- a/packages/admin-ui/src/pages/Customers/components/notes/NewNoteModal.jsx
+++ b/packages/admin-ui/src/pages/Customers/components/notes/NewNoteModal.jsx
@@ -1,11 +1,11 @@
 import { Form, Formik, Field } from 'formik'
 import { React } from 'react'
-import ErrorMessage from 'src/components/ErrorMessage'
-import Modal from 'src/components/Modal'
+import ErrorMessage from '../../../../components/ErrorMessage'
+import Modal from '../../../../components/Modal'
 import * as Yup from 'yup'
 
-import { Button } from 'src/components/buttons'
-import { TextInput } from 'src/components/inputs/formik'
+import { Button } from '../../../../components/buttons'
+import { TextInput } from '../../../../components/inputs/formik'
 
 const initialValues = {
   title: '',
diff --git a/packages/admin-ui/src/pages/Customers/components/notes/NoteCard.jsx b/packages/admin-ui/src/pages/Customers/components/notes/NoteCard.jsx
index 912e0d95..b2c2aab7 100644
--- a/packages/admin-ui/src/pages/Customers/components/notes/NoteCard.jsx
+++ b/packages/admin-ui/src/pages/Customers/components/notes/NoteCard.jsx
@@ -1,10 +1,10 @@
 import Paper from '@mui/material/Paper'
 import * as R from 'ramda'
 import { React } from 'react'
-import { H3, P } from 'src/components/typography'
-import DeleteIcon from 'src/styling/icons/action/delete/enabled.svg?react'
+import { H3, P } from '../../../../components/typography'
+import DeleteIcon from '../../../../styling/icons/action/delete/enabled.svg?react'
 
-import { formatDate } from 'src/utils/timezones'
+import { formatDate } from '../../../../utils/timezones'
 
 const formatContent = content => {
   const fragments = R.split(/\n/)(content)
diff --git a/packages/admin-ui/src/pages/Customers/components/notes/NoteEdit.jsx b/packages/admin-ui/src/pages/Customers/components/notes/NoteEdit.jsx
index d53bc2d2..80e352b2 100644
--- a/packages/admin-ui/src/pages/Customers/components/notes/NoteEdit.jsx
+++ b/packages/admin-ui/src/pages/Customers/components/notes/NoteEdit.jsx
@@ -2,16 +2,16 @@ import Paper from '@mui/material/Paper'
 import { formatDurationWithOptions, intervalToDuration } from 'date-fns/fp'
 import { Form, Formik, Field } from 'formik'
 import { React, useRef } from 'react'
-import { P } from 'src/components/typography'
-import CancelIconInverse from 'src/styling/icons/button/cancel/white.svg?react'
-import CancelIcon from 'src/styling/icons/button/cancel/zodiac.svg?react'
-import SaveIconInverse from 'src/styling/icons/circle buttons/save/white.svg?react'
-import SaveIcon from 'src/styling/icons/circle buttons/save/zodiac.svg?react'
+import { P } from '../../../../components/typography'
+import CancelIconInverse from '../../../../styling/icons/button/cancel/white.svg?react'
+import CancelIcon from '../../../../styling/icons/button/cancel/zodiac.svg?react'
+import SaveIconInverse from '../../../../styling/icons/circle buttons/save/white.svg?react'
+import SaveIcon from '../../../../styling/icons/circle buttons/save/zodiac.svg?react'
 import * as Yup from 'yup'
 
-import { ActionButton } from 'src/components/buttons'
-import { TextInput } from 'src/components/inputs/formik'
-import { toTimezone } from 'src/utils/timezones'
+import { ActionButton } from '../../../../components/buttons'
+import { TextInput } from '../../../../components/inputs/formik'
+import { toTimezone } from '../../../../utils/timezones'
 
 const NoteEdit = ({ note, cancel, edit, timezone }) => {
   const formRef = useRef()
diff --git a/packages/admin-ui/src/pages/Customers/helper.jsx b/packages/admin-ui/src/pages/Customers/helper.jsx
index 8e894c04..8b1f8160 100644
--- a/packages/admin-ui/src/pages/Customers/helper.jsx
+++ b/packages/admin-ui/src/pages/Customers/helper.jsx
@@ -3,7 +3,7 @@ import { parse, isValid, format } from 'date-fns/fp'
 import { Field, useFormikContext } from 'formik'
 import { parsePhoneNumberFromString } from 'libphonenumber-js'
 import * as R from 'ramda'
-import { H4 } from 'src/components/typography'
+import { H4 } from '../../components/typography'
 import { validate as uuidValidate } from 'uuid'
 import * as Yup from 'yup'
 
@@ -11,8 +11,8 @@ import {
   RadioGroup,
   TextInput,
   Autocomplete,
-} from 'src/components/inputs/formik'
-import { MANUAL } from 'src/utils/constants'
+} from '../../components/inputs/formik'
+import { MANUAL } from '../../utils/constants'
 
 import { Upload } from './components'
 
diff --git a/packages/admin-ui/src/pages/Dashboard/Alerts/Alerts.jsx b/packages/admin-ui/src/pages/Dashboard/Alerts/Alerts.jsx
index e0f66499..79234644 100644
--- a/packages/admin-ui/src/pages/Dashboard/Alerts/Alerts.jsx
+++ b/packages/admin-ui/src/pages/Dashboard/Alerts/Alerts.jsx
@@ -4,8 +4,8 @@ import Grid from '@mui/material/Grid'
 import classnames from 'classnames'
 import * as R from 'ramda'
 import React from 'react'
-import { cardState } from 'src/components/CollapsibleCard'
-import { Label1, H4 } from 'src/components/typography'
+import { cardState } from '../../../components/CollapsibleCard'
+import { Label1, H4 } from '../../../components/typography'
 
 import AlertsTable from './AlertsTable'
 
diff --git a/packages/admin-ui/src/pages/Dashboard/Alerts/AlertsTable.jsx b/packages/admin-ui/src/pages/Dashboard/Alerts/AlertsTable.jsx
index 35345401..3a58f137 100644
--- a/packages/admin-ui/src/pages/Dashboard/Alerts/AlertsTable.jsx
+++ b/packages/admin-ui/src/pages/Dashboard/Alerts/AlertsTable.jsx
@@ -3,11 +3,11 @@ import ListItem from '@mui/material/ListItem'
 import * as R from 'ramda'
 import React from 'react'
 import { useHistory } from 'react-router-dom'
-import { P } from 'src/components/typography/index'
-import Wrench from 'src/styling/icons/action/wrench/zodiac.svg?react'
-import CashBoxEmpty from 'src/styling/icons/cassettes/cashbox-empty.svg?react'
-import AlertLinkIcon from 'src/styling/icons/month arrows/right.svg?react'
-import WarningIcon from 'src/styling/icons/warning-icon/tomato.svg?react'
+import { P } from '../../../components/typography/index'
+import Wrench from '../../../styling/icons/action/wrench/zodiac.svg?react'
+import CashBoxEmpty from '../../../styling/icons/cassettes/cashbox-empty.svg?react'
+import AlertLinkIcon from '../../../styling/icons/month arrows/right.svg?react'
+import WarningIcon from '../../../styling/icons/warning-icon/tomato.svg?react'
 
 const icons = {
   error: <WarningIcon style={{ height: 20, width: 20, marginRight: 12 }} />,
diff --git a/packages/admin-ui/src/pages/Dashboard/Dashboard.jsx b/packages/admin-ui/src/pages/Dashboard/Dashboard.jsx
index 3814d5bc..bc7d02cc 100644
--- a/packages/admin-ui/src/pages/Dashboard/Dashboard.jsx
+++ b/packages/admin-ui/src/pages/Dashboard/Dashboard.jsx
@@ -2,14 +2,14 @@ import { useQuery, gql } from '@apollo/client'
 import * as R from 'ramda'
 import React, { useState } from 'react'
 import { useHistory } from 'react-router-dom'
-import TitleSection from 'src/components/layout/TitleSection'
-import { H1, Info2, TL2, Label1 } from 'src/components/typography'
-import TxInIcon from 'src/styling/icons/direction/cash-in.svg?react'
-import TxOutIcon from 'src/styling/icons/direction/cash-out.svg?react'
+import TitleSection from '../../components/layout/TitleSection'
+import { H1, Info2, TL2, Label1 } from '../../components/typography'
+import TxInIcon from '../../styling/icons/direction/cash-in.svg?react'
+import TxOutIcon from '../../styling/icons/direction/cash-out.svg?react'
 
-import { Button } from 'src/components/buttons'
-import AddMachine from 'src/pages/AddMachine'
-import { errorColor } from 'src/styling/variables'
+import { Button } from '../../components/buttons'
+import AddMachine from '../AddMachine'
+import { errorColor } from '../../styling/variables'
 
 import Footer from './Footer'
 import RightSide from './RightSide'
diff --git a/packages/admin-ui/src/pages/Dashboard/Footer/Footer.jsx b/packages/admin-ui/src/pages/Dashboard/Footer/Footer.jsx
index cd50cf23..18214030 100644
--- a/packages/admin-ui/src/pages/Dashboard/Footer/Footer.jsx
+++ b/packages/admin-ui/src/pages/Dashboard/Footer/Footer.jsx
@@ -2,11 +2,11 @@ import { useQuery, gql } from '@apollo/client'
 import BigNumber from 'bignumber.js'
 import * as R from 'ramda'
 import React from 'react'
-import { Label2 } from 'src/components/typography'
-import TxInIcon from 'src/styling/icons/direction/cash-in.svg?react'
-import TxOutIcon from 'src/styling/icons/direction/cash-out.svg?react'
+import { Label2 } from '../../../components/typography'
+import TxInIcon from '../../../styling/icons/direction/cash-in.svg?react'
+import TxOutIcon from '../../../styling/icons/direction/cash-out.svg?react'
 
-import { fromNamespace } from 'src/utils/config'
+import { fromNamespace } from '../../../utils/config'
 
 import classes from './Footer.module.css'
 
diff --git a/packages/admin-ui/src/pages/Dashboard/RightSide.jsx b/packages/admin-ui/src/pages/Dashboard/RightSide.jsx
index acffe2dc..b5f70bca 100644
--- a/packages/admin-ui/src/pages/Dashboard/RightSide.jsx
+++ b/packages/admin-ui/src/pages/Dashboard/RightSide.jsx
@@ -1,8 +1,8 @@
 import Button from '@mui/material/Button'
 import classnames from 'classnames'
 import React, { useState } from 'react'
-import CollapsibleCard, { cardState } from 'src/components/CollapsibleCard'
-import { H4, Label1 } from 'src/components/typography'
+import CollapsibleCard, { cardState } from '../../components/CollapsibleCard'
+import { H4, Label1 } from '../../components/typography'
 
 import Alerts from './Alerts'
 import SystemStatus from './SystemStatus'
diff --git a/packages/admin-ui/src/pages/Dashboard/SystemPerformance/Graphs/PercentageChart.jsx b/packages/admin-ui/src/pages/Dashboard/SystemPerformance/Graphs/PercentageChart.jsx
index d678140e..30bba11a 100644
--- a/packages/admin-ui/src/pages/Dashboard/SystemPerformance/Graphs/PercentageChart.jsx
+++ b/packages/admin-ui/src/pages/Dashboard/SystemPerformance/Graphs/PercentageChart.jsx
@@ -1,6 +1,6 @@
 import classnames from 'classnames'
 import React from 'react'
-import { Label1 } from 'src/components/typography/index'
+import { Label1 } from '../../../../components/typography/index'
 
 const PercentageChart = ({ cashIn, cashOut }) => {
   const value = cashIn || cashOut !== 0 ? cashIn : 50
diff --git a/packages/admin-ui/src/pages/Dashboard/SystemPerformance/Graphs/RefScatterplot.jsx b/packages/admin-ui/src/pages/Dashboard/SystemPerformance/Graphs/RefScatterplot.jsx
index 02a8d53e..653588b9 100644
--- a/packages/admin-ui/src/pages/Dashboard/SystemPerformance/Graphs/RefScatterplot.jsx
+++ b/packages/admin-ui/src/pages/Dashboard/SystemPerformance/Graphs/RefScatterplot.jsx
@@ -4,8 +4,8 @@ import { getTimezoneOffset } from 'date-fns-tz'
 import { add, format, startOfWeek, startOfYear } from 'date-fns/fp'
 import React, { useCallback, useEffect, useMemo, useRef } from 'react'
 
-import { numberToFiatAmount } from 'src/utils/number'
-import { MINUTE, DAY, WEEK, MONTH } from 'src/utils/time'
+import { numberToFiatAmount } from '../../../../utils/number'
+import { MINUTE, DAY, WEEK, MONTH } from '../../../../utils/time'
 
 const Graph = ({ data, timeFrame, timezone }) => {
   const ref = useRef(null)
diff --git a/packages/admin-ui/src/pages/Dashboard/SystemPerformance/InfoWithLabel.jsx b/packages/admin-ui/src/pages/Dashboard/SystemPerformance/InfoWithLabel.jsx
index 54cc3582..6ac164c0 100644
--- a/packages/admin-ui/src/pages/Dashboard/SystemPerformance/InfoWithLabel.jsx
+++ b/packages/admin-ui/src/pages/Dashboard/SystemPerformance/InfoWithLabel.jsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import { Info1, Label1 } from 'src/components/typography/index'
+import { Info1, Label1 } from '../../../components/typography/index'
 
 const InfoWithLabel = ({ info, label }) => {
   return (
diff --git a/packages/admin-ui/src/pages/Dashboard/SystemPerformance/Nav.jsx b/packages/admin-ui/src/pages/Dashboard/SystemPerformance/Nav.jsx
index 4dc251b2..1511f8b5 100644
--- a/packages/admin-ui/src/pages/Dashboard/SystemPerformance/Nav.jsx
+++ b/packages/admin-ui/src/pages/Dashboard/SystemPerformance/Nav.jsx
@@ -1,7 +1,7 @@
 import classnames from 'classnames'
 import * as R from 'ramda'
 import React, { useState } from 'react'
-import { H4 } from 'src/components/typography'
+import { H4 } from '../../../components/typography'
 
 const ranges = ['Month', 'Week', 'Day']
 
diff --git a/packages/admin-ui/src/pages/Dashboard/SystemPerformance/SystemPerformance.jsx b/packages/admin-ui/src/pages/Dashboard/SystemPerformance/SystemPerformance.jsx
index 31c68f50..4ea41ce4 100644
--- a/packages/admin-ui/src/pages/Dashboard/SystemPerformance/SystemPerformance.jsx
+++ b/packages/admin-ui/src/pages/Dashboard/SystemPerformance/SystemPerformance.jsx
@@ -4,17 +4,17 @@ import classnames from 'classnames'
 import { isAfter } from 'date-fns/fp'
 import * as R from 'ramda'
 import React, { useState } from 'react'
-import { Info2, Label1, Label2, P } from 'src/components/typography/index'
-import PercentDownIcon from 'src/styling/icons/dashboard/down.svg?react'
-import PercentNeutralIcon from 'src/styling/icons/dashboard/equal.svg?react'
-import PercentUpIcon from 'src/styling/icons/dashboard/up.svg?react'
+import { Info2, Label1, Label2, P } from '../../../components/typography/index'
+import PercentDownIcon from '../../../styling/icons/dashboard/down.svg?react'
+import PercentNeutralIcon from '../../../styling/icons/dashboard/equal.svg?react'
+import PercentUpIcon from '../../../styling/icons/dashboard/up.svg?react'
 
-import { EmptyTable } from 'src/components/table'
-import { java, neon } from 'src/styling/variables'
-import { fromNamespace } from 'src/utils/config'
-import { DAY, WEEK, MONTH } from 'src/utils/time'
-import { timezones } from 'src/utils/timezone-list'
-import { toTimezone } from 'src/utils/timezones'
+import { EmptyTable } from '../../../components/table'
+import { java, neon } from '../../../styling/variables'
+import { fromNamespace } from '../../../utils/config'
+import { DAY, WEEK, MONTH } from '../../../utils/time'
+import { timezones } from '../../../utils/timezone-list'
+import { toTimezone } from '../../../utils/timezones'
 
 import PercentageChart from './Graphs/PercentageChart'
 import LineChart from './Graphs/RefLineChart'
diff --git a/packages/admin-ui/src/pages/Dashboard/SystemStatus/MachinesTable.jsx b/packages/admin-ui/src/pages/Dashboard/SystemStatus/MachinesTable.jsx
index e0fea8f7..fa074690 100644
--- a/packages/admin-ui/src/pages/Dashboard/SystemStatus/MachinesTable.jsx
+++ b/packages/admin-ui/src/pages/Dashboard/SystemStatus/MachinesTable.jsx
@@ -9,12 +9,12 @@ import TableRow from '@mui/material/TableRow'
 import * as R from 'ramda'
 import React from 'react'
 import { useHistory } from 'react-router-dom'
-import { Status } from 'src/components/Status'
-import { Label2, TL2 } from 'src/components/typography'
-import TxOutIcon from 'src/styling/icons/direction/cash-out.svg?react'
-import MachineLinkIcon from 'src/styling/icons/month arrows/right.svg?react'
+import { Status } from '../../../components/Status'
+import { Label2, TL2 } from '../../../components/typography'
+import TxOutIcon from '../../../styling/icons/direction/cash-out.svg?react'
+import MachineLinkIcon from '../../../styling/icons/month arrows/right.svg?react'
 
-import { fromNamespace } from 'src/utils/config'
+import { fromNamespace } from '../../../utils/config'
 
 // percentage threshold where below this number the text in the cash cassettes percentage turns red
 const PERCENTAGE_THRESHOLD = 20
diff --git a/packages/admin-ui/src/pages/Dashboard/SystemStatus/MachinesTable.styles.js b/packages/admin-ui/src/pages/Dashboard/SystemStatus/MachinesTable.styles.js
index 844a9455..9b0de326 100644
--- a/packages/admin-ui/src/pages/Dashboard/SystemStatus/MachinesTable.styles.js
+++ b/packages/admin-ui/src/pages/Dashboard/SystemStatus/MachinesTable.styles.js
@@ -3,7 +3,7 @@ import {
   offColor,
   errorColor,
   primaryColor,
-} from 'src/styling/variables'
+} from '../../../styling/variables'
 
 const styles = {
   label: {
diff --git a/packages/admin-ui/src/pages/Dashboard/SystemStatus/SystemStatus.jsx b/packages/admin-ui/src/pages/Dashboard/SystemStatus/SystemStatus.jsx
index 1bd249b6..54b564df 100644
--- a/packages/admin-ui/src/pages/Dashboard/SystemStatus/SystemStatus.jsx
+++ b/packages/admin-ui/src/pages/Dashboard/SystemStatus/SystemStatus.jsx
@@ -3,8 +3,8 @@ import Button from '@mui/material/Button'
 import classnames from 'classnames'
 import * as R from 'ramda'
 import React from 'react'
-import { cardState as cardState_ } from 'src/components/CollapsibleCard'
-import { H4, TL2, Label1 } from 'src/components/typography'
+import { cardState as cardState_ } from '../../../components/CollapsibleCard'
+import { H4, TL2, Label1 } from '../../../components/typography'
 
 import MachinesTable from './MachinesTable'
 
diff --git a/packages/admin-ui/src/pages/Funding/Funding.jsx b/packages/admin-ui/src/pages/Funding/Funding.jsx
index 86d83735..772c9d97 100644
--- a/packages/admin-ui/src/pages/Funding/Funding.jsx
+++ b/packages/admin-ui/src/pages/Funding/Funding.jsx
@@ -6,16 +6,16 @@ import { format } from 'date-fns/fp'
 import { QRCodeSVG as QRCode } from 'qrcode.react'
 import * as R from 'ramda'
 import React, { useState } from 'react'
-import TableLabel from 'src/pages/Funding/TableLabel.jsx'
-import Title from 'src/components/Title.jsx'
+import TableLabel from './TableLabel.jsx'
+import Title from '../../components/Title.jsx'
 import {
   Tr,
   Td,
   THead,
   TBody,
   Table,
-} from 'src/components/fake-table/Table.jsx'
-import Sidebar from 'src/components/layout/Sidebar.jsx'
+} from '../../components/fake-table/Table.jsx'
+import Sidebar from '../../components/layout/Sidebar.jsx'
 import {
   H3,
   Info1,
@@ -23,10 +23,10 @@ import {
   Info3,
   Label1,
   Label3,
-} from 'src/components/typography/index.jsx'
-import CopyToClipboard from 'src/components/CopyToClipboard.jsx'
+} from '../../components/typography/index.jsx'
+import CopyToClipboard from '../../components/CopyToClipboard.jsx'
 
-import { primaryColor } from 'src/styling/variables.js'
+import { primaryColor } from '../../styling/variables.js'
 
 import classes from './Funding.module.css'
 
diff --git a/packages/admin-ui/src/pages/Locales/Locales.jsx b/packages/admin-ui/src/pages/Locales/Locales.jsx
index 78388b83..27b80b52 100644
--- a/packages/admin-ui/src/pages/Locales/Locales.jsx
+++ b/packages/admin-ui/src/pages/Locales/Locales.jsx
@@ -1,18 +1,18 @@
 import { useQuery, useMutation, gql } from '@apollo/client'
 import * as R from 'ramda'
 import React, { useState } from 'react'
-import Modal from 'src/components/Modal'
-import { HelpTooltip } from 'src/components/Tooltip'
-import Section from 'src/components/layout/Section'
-import TitleSection from 'src/components/layout/TitleSection'
-import { P } from 'src/components/typography'
-import _schemas from 'src/pages/Services/schemas'
-import Wizard from 'src/pages/Wallet/Wizard'
-import { WalletSchema } from 'src/pages/Wallet/helper'
+import Modal from '../../components/Modal'
+import { HelpTooltip } from '../../components/Tooltip'
+import Section from '../../components/layout/Section'
+import TitleSection from '../../components/layout/TitleSection'
+import { P } from '../../components/typography'
+import _schemas from '../Services/schemas'
+import Wizard from '../Wallet/Wizard'
+import { WalletSchema } from '../Wallet/helper'
 
-import { Link, SupportLinkButton } from 'src/components/buttons'
-import { Table as EditableTable } from 'src/components/editableTable'
-import { fromNamespace, toNamespace, namespaces } from 'src/utils/config'
+import { Link, SupportLinkButton } from '../../components/buttons'
+import { Table as EditableTable } from '../../components/editableTable'
+import { fromNamespace, toNamespace, namespaces } from '../../utils/config'
 
 import {
   mainFields,
diff --git a/packages/admin-ui/src/pages/Locales/helper.js b/packages/admin-ui/src/pages/Locales/helper.js
index 2b82f11e..f1756eb9 100644
--- a/packages/admin-ui/src/pages/Locales/helper.js
+++ b/packages/admin-ui/src/pages/Locales/helper.js
@@ -1,8 +1,8 @@
 import * as R from 'ramda'
-import Autocomplete from 'src/components/inputs/formik/Autocomplete'
+import Autocomplete from '../../components/inputs/formik/Autocomplete'
 import * as Yup from 'yup'
 
-import { labels as timezoneList } from 'src/utils/timezone-list'
+import { labels as timezoneList } from '../../utils/timezone-list'
 
 const getFields = (getData, names, onChange, auxElements = []) => {
   return R.filter(
diff --git a/packages/admin-ui/src/pages/Logs/MachineLogs.jsx b/packages/admin-ui/src/pages/Logs/MachineLogs.jsx
index d6fccf0c..eb38de21 100644
--- a/packages/admin-ui/src/pages/Logs/MachineLogs.jsx
+++ b/packages/admin-ui/src/pages/Logs/MachineLogs.jsx
@@ -1,10 +1,10 @@
 import { useQuery, gql } from '@apollo/client'
 import * as R from 'ramda'
 import React, { useState } from 'react'
-import LogsDowloaderPopover from 'src/components/LogsDownloaderPopper.jsx'
-import Title from 'src/components/Title.jsx'
-import Sidebar from 'src/components/layout/Sidebar.jsx'
-import { Info3, H4 } from 'src/components/typography/index.jsx'
+import LogsDowloaderPopover from '../../components/LogsDownloaderPopper.jsx'
+import Title from '../../components/Title.jsx'
+import Sidebar from '../../components/layout/Sidebar.jsx'
+import { Info3, H4 } from '../../components/typography/index.jsx'
 
 import {
   Table,
@@ -13,8 +13,8 @@ import {
   TableHeader,
   TableBody,
   TableCell,
-} from 'src/components/table/index.js'
-import { formatDate } from 'src/utils/timezones.js'
+} from '../../components/table/index.js'
+import { formatDate } from '../../utils/timezones.js'
 
 import classes from './Logs.module.css'
 
diff --git a/packages/admin-ui/src/pages/Logs/ServerLogs.jsx b/packages/admin-ui/src/pages/Logs/ServerLogs.jsx
index ceded0db..fef59714 100644
--- a/packages/admin-ui/src/pages/Logs/ServerLogs.jsx
+++ b/packages/admin-ui/src/pages/Logs/ServerLogs.jsx
@@ -1,12 +1,12 @@
 import { useQuery, gql } from '@apollo/client'
 import * as R from 'ramda'
 import React, { useState, useRef } from 'react'
-import LogsDowloaderPopover from 'src/components/LogsDownloaderPopper.jsx'
-import Title from 'src/components/Title.jsx'
-import Uptime from 'src/pages/Logs/Uptime.jsx'
-import { Info3, H4 } from 'src/components/typography/index.jsx'
+import LogsDowloaderPopover from '../../components/LogsDownloaderPopper.jsx'
+import Title from '../../components/Title.jsx'
+import Uptime from './Uptime.jsx'
+import { Info3, H4 } from '../../components/typography/index.jsx'
 
-import { Select } from 'src/components/inputs/index.js'
+import { Select } from '../../components/inputs/index.js'
 import {
   Table,
   TableHead,
@@ -14,9 +14,9 @@ import {
   TableHeader,
   TableBody,
   TableCell,
-} from 'src/components/table/index.js'
-import { startCase } from 'src/utils/string.js'
-import { formatDate } from 'src/utils/timezones.js'
+} from '../../components/table/index.js'
+import { startCase } from '../../utils/string.js'
+import { formatDate } from '../../utils/timezones.js'
 
 import logsClasses from './Logs.module.css'
 import classes from './ServerLogs.module.css'
diff --git a/packages/admin-ui/src/pages/Logs/Uptime.jsx b/packages/admin-ui/src/pages/Logs/Uptime.jsx
index adbe1217..dae7d5e4 100644
--- a/packages/admin-ui/src/pages/Logs/Uptime.jsx
+++ b/packages/admin-ui/src/pages/Logs/Uptime.jsx
@@ -2,8 +2,8 @@ import Chip from '@mui/material/Chip'
 import * as R from 'ramda'
 import React from 'react'
 
-import { onlyFirstToUpper } from 'src/utils/string.js'
-import { Label1 } from 'src/components/typography/index.jsx'
+import { onlyFirstToUpper } from '../../utils/string.js'
+import { Label1 } from '../../components/typography/index.jsx'
 
 const Uptime = ({ process }) => {
   const uptime = time => {
diff --git a/packages/admin-ui/src/pages/LoyaltyPanel/IndividualDiscountModal.jsx b/packages/admin-ui/src/pages/LoyaltyPanel/IndividualDiscountModal.jsx
index 7fdefc2f..45f9187a 100644
--- a/packages/admin-ui/src/pages/LoyaltyPanel/IndividualDiscountModal.jsx
+++ b/packages/admin-ui/src/pages/LoyaltyPanel/IndividualDiscountModal.jsx
@@ -1,14 +1,14 @@
 import { Form, Formik, Field } from 'formik'
 import * as R from 'ramda'
 import React from 'react'
-import ErrorMessage from 'src/components/ErrorMessage'
-import Modal from 'src/components/Modal'
-import { HelpTooltip } from 'src/components/Tooltip'
-import { H1, H3, P } from 'src/components/typography'
+import ErrorMessage from '../../components/ErrorMessage'
+import Modal from '../../components/Modal'
+import { HelpTooltip } from '../../components/Tooltip'
+import { H1, H3, P } from '../../components/typography'
 import * as Yup from 'yup'
 
-import { Button } from 'src/components/buttons'
-import { NumberInput, Autocomplete } from 'src/components/inputs/formik'
+import { Button } from '../../components/buttons'
+import { NumberInput, Autocomplete } from '../../components/inputs/formik'
 
 const initialValues = {
   customer: '',
diff --git a/packages/admin-ui/src/pages/LoyaltyPanel/IndividualDiscounts.jsx b/packages/admin-ui/src/pages/LoyaltyPanel/IndividualDiscounts.jsx
index fb6b08d5..bd151fc4 100644
--- a/packages/admin-ui/src/pages/LoyaltyPanel/IndividualDiscounts.jsx
+++ b/packages/admin-ui/src/pages/LoyaltyPanel/IndividualDiscounts.jsx
@@ -4,12 +4,12 @@ import { useQuery, useMutation, gql } from '@apollo/client'
 import * as R from 'ramda'
 import React, { useState } from 'react'
 
-import { Link, Button } from 'src/components/buttons'
-import { DeleteDialog } from 'src/components/DeleteDialog'
-import DataTable from 'src/components/tables/DataTable'
-import { Label3, TL1 } from 'src/components/typography'
-import PhoneIdIcon from 'src/styling/icons/ID/phone/zodiac.svg?react'
-import DeleteIcon from 'src/styling/icons/action/delete/enabled.svg?react'
+import { Link, Button } from '../../components/buttons'
+import { DeleteDialog } from '../../components/DeleteDialog'
+import DataTable from '../../components/tables/DataTable'
+import { Label3, TL1 } from '../../components/typography'
+import PhoneIdIcon from '../../styling/icons/ID/phone/zodiac.svg?react'
+import DeleteIcon from '../../styling/icons/action/delete/enabled.svg?react'
 
 import IndividualDiscountModal from './IndividualDiscountModal'
 import classnames from 'classnames'
diff --git a/packages/admin-ui/src/pages/LoyaltyPanel/PromoCodes.jsx b/packages/admin-ui/src/pages/LoyaltyPanel/PromoCodes.jsx
index 73b3ddca..01036fd7 100644
--- a/packages/admin-ui/src/pages/LoyaltyPanel/PromoCodes.jsx
+++ b/packages/admin-ui/src/pages/LoyaltyPanel/PromoCodes.jsx
@@ -3,12 +3,12 @@ import SvgIcon from '@mui/material/SvgIcon'
 import { useQuery, useMutation, gql } from '@apollo/client'
 import * as R from 'ramda'
 import React, { useState } from 'react'
-import { DeleteDialog } from 'src/components/DeleteDialog'
-import DataTable from 'src/components/tables/DataTable'
-import { Label3, TL1 } from 'src/components/typography'
-import DeleteIcon from 'src/styling/icons/action/delete/enabled.svg?react'
+import { DeleteDialog } from '../../components/DeleteDialog'
+import DataTable from '../../components/tables/DataTable'
+import { Label3, TL1 } from '../../components/typography'
+import DeleteIcon from '../../styling/icons/action/delete/enabled.svg?react'
 
-import { Link, Button } from 'src/components/buttons'
+import { Link, Button } from '../../components/buttons'
 
 import PromoCodesModal from './PromoCodesModal'
 
diff --git a/packages/admin-ui/src/pages/LoyaltyPanel/PromoCodesModal.jsx b/packages/admin-ui/src/pages/LoyaltyPanel/PromoCodesModal.jsx
index d44ebf71..a8f8446c 100644
--- a/packages/admin-ui/src/pages/LoyaltyPanel/PromoCodesModal.jsx
+++ b/packages/admin-ui/src/pages/LoyaltyPanel/PromoCodesModal.jsx
@@ -1,14 +1,14 @@
 import { Form, Formik, Field } from 'formik'
 import * as R from 'ramda'
 import React from 'react'
-import ErrorMessage from 'src/components/ErrorMessage'
-import Modal from 'src/components/Modal'
-import { HelpTooltip } from 'src/components/Tooltip'
-import { H3, P, H1 } from 'src/components/typography'
+import ErrorMessage from '../../components/ErrorMessage'
+import Modal from '../../components/Modal'
+import { HelpTooltip } from '../../components/Tooltip'
+import { H3, P, H1 } from '../../components/typography'
 import * as Yup from 'yup'
 
-import { Button } from 'src/components/buttons'
-import { TextInput, NumberInput } from 'src/components/inputs/formik'
+import { Button } from '../../components/buttons'
+import { TextInput, NumberInput } from '../../components/inputs/formik'
 
 const initialValues = {
   code: '',
diff --git a/packages/admin-ui/src/pages/Machines/MachineComponents/Cassettes/Cassettes.jsx b/packages/admin-ui/src/pages/Machines/MachineComponents/Cassettes/Cassettes.jsx
index f055537b..e9efe2d3 100644
--- a/packages/admin-ui/src/pages/Machines/MachineComponents/Cassettes/Cassettes.jsx
+++ b/packages/admin-ui/src/pages/Machines/MachineComponents/Cassettes/Cassettes.jsx
@@ -1,12 +1,12 @@
 import { useMutation, gql } from '@apollo/client'
 import * as R from 'ramda'
 import React, { useState } from 'react'
-import DataTable from 'src/components/tables/DataTable'
-import CashUnitDetails from 'src/pages/Maintenance/CashUnitDetails'
-import Wizard from 'src/pages/Maintenance/Wizard/Wizard'
-import helper from 'src/pages/Maintenance/helper'
+import DataTable from '../../../../components/tables/DataTable'
+import CashUnitDetails from '../../../Maintenance/CashUnitDetails'
+import Wizard from '../../../Maintenance/Wizard/Wizard'
+import helper from '../../../Maintenance/helper'
 
-import { fromNamespace } from 'src/utils/config'
+import { fromNamespace } from '../../../../utils/config'
 
 const SET_CASSETTE_BILLS = gql`
   mutation MachineAction(
diff --git a/packages/admin-ui/src/pages/Machines/MachineComponents/Commissions/Commissions.jsx b/packages/admin-ui/src/pages/Machines/MachineComponents/Commissions/Commissions.jsx
index 4e5bf03e..e3d3f346 100644
--- a/packages/admin-ui/src/pages/Machines/MachineComponents/Commissions/Commissions.jsx
+++ b/packages/admin-ui/src/pages/Machines/MachineComponents/Commissions/Commissions.jsx
@@ -2,8 +2,12 @@ import { useQuery, useMutation, gql } from '@apollo/client'
 import * as R from 'ramda'
 import React from 'react'
 
-import { Table as EditableTable } from 'src/components/editableTable'
-import { fromNamespace, toNamespace, namespaces } from 'src/utils/config'
+import { Table as EditableTable } from '../../../../components/editableTable'
+import {
+  fromNamespace,
+  toNamespace,
+  namespaces,
+} from '../../../../utils/config'
 
 import { overrides } from './helper'
 
diff --git a/packages/admin-ui/src/pages/Machines/MachineComponents/Commissions/helper.jsx b/packages/admin-ui/src/pages/Machines/MachineComponents/Commissions/helper.jsx
index aa3bf049..c2517459 100644
--- a/packages/admin-ui/src/pages/Machines/MachineComponents/Commissions/helper.jsx
+++ b/packages/admin-ui/src/pages/Machines/MachineComponents/Commissions/helper.jsx
@@ -1,6 +1,6 @@
 import React from 'react'
-import TxInIcon from 'src/styling/icons/direction/cash-in.svg?react'
-import TxOutIcon from 'src/styling/icons/direction/cash-out.svg?react'
+import TxInIcon from '../../../../styling/icons/direction/cash-in.svg?react'
+import TxOutIcon from '../../../../styling/icons/direction/cash-out.svg?react'
 
 const cashInAndOutHeaderStyle = { marginLeft: 6 }
 
diff --git a/packages/admin-ui/src/pages/Machines/MachineComponents/Details.jsx b/packages/admin-ui/src/pages/Machines/MachineComponents/Details.jsx
index 7ca96a36..f1180019 100644
--- a/packages/admin-ui/src/pages/Machines/MachineComponents/Details.jsx
+++ b/packages/admin-ui/src/pages/Machines/MachineComponents/Details.jsx
@@ -1,8 +1,8 @@
 import React from 'react'
-import { Label1, P } from 'src/components/typography'
+import { Label1, P } from '../../../components/typography'
 
-import { modelPrettifier } from 'src/utils/machine'
-import { formatDate } from 'src/utils/timezones'
+import { modelPrettifier } from '../../../utils/machine'
+import { formatDate } from '../../../utils/timezones'
 
 const Details = ({ data, timezone }) => {
   return (
diff --git a/packages/admin-ui/src/pages/Machines/MachineComponents/Overview.jsx b/packages/admin-ui/src/pages/Machines/MachineComponents/Overview.jsx
index 8fc4c6e9..ab76528f 100644
--- a/packages/admin-ui/src/pages/Machines/MachineComponents/Overview.jsx
+++ b/packages/admin-ui/src/pages/Machines/MachineComponents/Overview.jsx
@@ -1,10 +1,10 @@
 import BigNumber from 'bignumber.js'
 import { formatDistance } from 'date-fns'
 import React from 'react'
-import { Status } from 'src/components/Status'
-import MachineActions from 'src/components/machineActions/MachineActions'
-import { H3, Label1, P } from 'src/components/typography'
-import CopyToClipboard from 'src/components/CopyToClipboard.jsx'
+import { Status } from '../../../components/Status'
+import MachineActions from '../../../components/machineActions/MachineActions'
+import { H3, Label1, P } from '../../../components/typography'
+import CopyToClipboard from '../../../components/CopyToClipboard.jsx'
 
 const Overview = ({ data, onActionSuccess }) => {
   return (
diff --git a/packages/admin-ui/src/pages/Machines/MachineComponents/Transactions/Transactions.jsx b/packages/admin-ui/src/pages/Machines/MachineComponents/Transactions/Transactions.jsx
index 4eb9bdc6..1f4bd813 100644
--- a/packages/admin-ui/src/pages/Machines/MachineComponents/Transactions/Transactions.jsx
+++ b/packages/admin-ui/src/pages/Machines/MachineComponents/Transactions/Transactions.jsx
@@ -3,15 +3,15 @@ import { toUnit, formatCryptoAddress } from '@lamassu/coins/lightUtils'
 import BigNumber from 'bignumber.js'
 import * as R from 'ramda'
 import React, { useEffect, useState } from 'react'
-import DetailsRow from 'src/pages/Transactions/DetailsCard'
-import TxInIcon from 'src/styling/icons/direction/cash-in.svg?react'
-import TxOutIcon from 'src/styling/icons/direction/cash-out.svg?react'
+import DetailsRow from '../../../Transactions/DetailsCard'
+import TxInIcon from '../../../../styling/icons/direction/cash-in.svg?react'
+import TxOutIcon from '../../../../styling/icons/direction/cash-out.svg?react'
 
-import { getStatus } from 'src/pages/Transactions/helper'
-import * as Customer from 'src/utils/customer'
-import { formatDate } from 'src/utils/timezones'
+import { getStatus } from '../../../Transactions/helper'
+import * as Customer from '../../../../utils/customer'
+import { formatDate } from '../../../../utils/timezones'
 
-import DataTable from 'src/components/tables/DataTable'
+import DataTable from '../../../../components/tables/DataTable'
 
 const NUM_LOG_RESULTS = 5
 
diff --git a/packages/admin-ui/src/pages/Machines/Machines.jsx b/packages/admin-ui/src/pages/Machines/Machines.jsx
index e26bce22..b9d469bd 100644
--- a/packages/admin-ui/src/pages/Machines/Machines.jsx
+++ b/packages/admin-ui/src/pages/Machines/Machines.jsx
@@ -4,7 +4,7 @@ import NavigateNextIcon from '@mui/icons-material/NavigateNext'
 import * as R from 'ramda'
 import React, { useState } from 'react'
 import { Link, useLocation, useHistory } from 'react-router-dom'
-import { TL1, TL2, Label3 } from 'src/components/typography'
+import { TL1, TL2, Label3 } from '../../components/typography'
 
 import Cassettes from './MachineComponents/Cassettes'
 import Commissions from './MachineComponents/Commissions'
diff --git a/packages/admin-ui/src/pages/Maintenance/CashUnitDetails.jsx b/packages/admin-ui/src/pages/Maintenance/CashUnitDetails.jsx
index 60128171..4b4cbaa6 100644
--- a/packages/admin-ui/src/pages/Maintenance/CashUnitDetails.jsx
+++ b/packages/admin-ui/src/pages/Maintenance/CashUnitDetails.jsx
@@ -1,11 +1,11 @@
 import Chip from '@mui/material/Chip'
 import * as R from 'ramda'
 import React from 'react'
-import { Label1, TL2 } from 'src/components/typography'
+import { Label1, TL2 } from '../../components/typography'
 
-import { CashOut } from 'src/components/inputs'
-import { fromNamespace } from 'src/utils/config'
-import { getCashUnitCapacity, modelPrettifier } from 'src/utils/machine'
+import { CashOut } from '../../components/inputs'
+import { fromNamespace } from '../../utils/config'
+import { getCashUnitCapacity, modelPrettifier } from '../../utils/machine'
 
 const CashUnitDetails = ({
   machine,
diff --git a/packages/admin-ui/src/pages/Maintenance/CashUnits.jsx b/packages/admin-ui/src/pages/Maintenance/CashUnits.jsx
index 4dc49033..c8f0b5cc 100644
--- a/packages/admin-ui/src/pages/Maintenance/CashUnits.jsx
+++ b/packages/admin-ui/src/pages/Maintenance/CashUnits.jsx
@@ -4,22 +4,22 @@ import IconButton from '@mui/material/IconButton'
 import SvgIcon from '@mui/material/SvgIcon'
 import * as R from 'ramda'
 import React, { useState } from 'react'
-import LogsDowloaderPopover from 'src/components/LogsDownloaderPopper'
-import Modal from 'src/components/Modal'
-import { HelpTooltip } from 'src/components/Tooltip'
-import TitleSection from 'src/components/layout/TitleSection'
-import DataTable from 'src/components/tables/DataTable'
-import { P, Label1 } from 'src/components/typography'
-import EditIcon from 'src/styling/icons/action/edit/enabled.svg?react'
-import ReverseHistoryIcon from 'src/styling/icons/circle buttons/history/white.svg?react'
-import HistoryIcon from 'src/styling/icons/circle buttons/history/zodiac.svg?react'
+import LogsDowloaderPopover from '../../components/LogsDownloaderPopper'
+import Modal from '../../components/Modal'
+import { HelpTooltip } from '../../components/Tooltip'
+import TitleSection from '../../components/layout/TitleSection'
+import DataTable from '../../components/tables/DataTable'
+import { P, Label1 } from '../../components/typography'
+import EditIcon from '../../styling/icons/action/edit/enabled.svg?react'
+import ReverseHistoryIcon from '../../styling/icons/circle buttons/history/white.svg?react'
+import HistoryIcon from '../../styling/icons/circle buttons/history/zodiac.svg?react'
 
-import { Button, SupportLinkButton } from 'src/components/buttons'
-import { RadioGroup } from 'src/components/inputs'
-import { EmptyTable } from 'src/components/table'
-import { fromNamespace, toNamespace } from 'src/utils/config'
-import { MANUAL, AUTOMATIC } from 'src/utils/constants'
-import { onlyFirstToUpper } from 'src/utils/string'
+import { Button, SupportLinkButton } from '../../components/buttons'
+import { RadioGroup } from '../../components/inputs'
+import { EmptyTable } from '../../components/table'
+import { fromNamespace, toNamespace } from '../../utils/config'
+import { MANUAL, AUTOMATIC } from '../../utils/constants'
+import { onlyFirstToUpper } from '../../utils/string'
 
 import CashUnitDetails from './CashUnitDetails'
 import CashCassettesFooter from './CashUnitsFooter'
diff --git a/packages/admin-ui/src/pages/Maintenance/CashUnitsFooter.jsx b/packages/admin-ui/src/pages/Maintenance/CashUnitsFooter.jsx
index dde73e25..894d05f4 100644
--- a/packages/admin-ui/src/pages/Maintenance/CashUnitsFooter.jsx
+++ b/packages/admin-ui/src/pages/Maintenance/CashUnitsFooter.jsx
@@ -1,12 +1,12 @@
 import BigNumber from 'bignumber.js'
 import * as R from 'ramda'
 import React from 'react'
-import { Info1, Info2, Info3 } from 'src/components/typography/index'
-import TxInIcon from 'src/styling/icons/direction/cash-in.svg?react'
-import TxOutIcon from 'src/styling/icons/direction/cash-out.svg?react'
+import { Info1, Info2, Info3 } from '../../components/typography/index'
+import TxInIcon from '../../styling/icons/direction/cash-in.svg?react'
+import TxOutIcon from '../../styling/icons/direction/cash-out.svg?react'
 
-import { fromNamespace } from 'src/utils/config'
-import { numberToFiatAmount } from 'src/utils/number'
+import { fromNamespace } from '../../utils/config'
+import { numberToFiatAmount } from '../../utils/number'
 
 const CashCassettesFooter = ({ machines, config, currencyCode, bills }) => {
   const cashout = config && fromNamespace('cashOut')(config)
diff --git a/packages/admin-ui/src/pages/Maintenance/CashboxHistory.jsx b/packages/admin-ui/src/pages/Maintenance/CashboxHistory.jsx
index 44b8f0af..81a83083 100644
--- a/packages/admin-ui/src/pages/Maintenance/CashboxHistory.jsx
+++ b/packages/admin-ui/src/pages/Maintenance/CashboxHistory.jsx
@@ -1,12 +1,12 @@
 import { useQuery, gql } from '@apollo/client'
 import * as R from 'ramda'
 import React from 'react'
-import DataTable from 'src/components/tables/DataTable'
-import TxInIcon from 'src/styling/icons/direction/cash-in.svg?react'
-import TxOutIcon from 'src/styling/icons/direction/cash-out.svg?react'
+import DataTable from '../../components/tables/DataTable'
+import TxInIcon from '../../styling/icons/direction/cash-in.svg?react'
+import TxOutIcon from '../../styling/icons/direction/cash-out.svg?react'
 
-import { NumberInput } from 'src/components/inputs/formik'
-import { formatDate } from 'src/utils/timezones'
+import { NumberInput } from '../../components/inputs/formik'
+import { formatDate } from '../../utils/timezones'
 
 const GET_BATCHES = gql`
   query cashboxBatches {
diff --git a/packages/admin-ui/src/pages/Maintenance/MachineDetailsCard.jsx b/packages/admin-ui/src/pages/Maintenance/MachineDetailsCard.jsx
index a3c526e2..b3cdaee7 100644
--- a/packages/admin-ui/src/pages/Maintenance/MachineDetailsCard.jsx
+++ b/packages/admin-ui/src/pages/Maintenance/MachineDetailsCard.jsx
@@ -1,11 +1,11 @@
 import BigNumber from 'bignumber.js'
 import React from 'react'
 
-import MachineActions from 'src/components/machineActions/MachineActions'
-import { Label1 } from 'src/components/typography/index.jsx'
+import MachineActions from '../../components/machineActions/MachineActions'
+import { Label1 } from '../../components/typography/index.jsx'
 
-import { modelPrettifier } from 'src/utils/machine'
-import { formatDate } from 'src/utils/timezones'
+import { modelPrettifier } from '../../utils/machine'
+import { formatDate } from '../../utils/timezones'
 
 const Label = ({ children }) => {
   return <Label1 className="text-comet mb-1">{children}</Label1>
diff --git a/packages/admin-ui/src/pages/Maintenance/MachineStatus.jsx b/packages/admin-ui/src/pages/Maintenance/MachineStatus.jsx
index b105a2b1..a9cbe644 100644
--- a/packages/admin-ui/src/pages/Maintenance/MachineStatus.jsx
+++ b/packages/admin-ui/src/pages/Maintenance/MachineStatus.jsx
@@ -3,13 +3,13 @@ import { formatDistance } from 'date-fns'
 import * as R from 'ramda'
 import React from 'react'
 import { useHistory, useLocation } from 'react-router-dom'
-import { MainStatus } from 'src/components/Status'
-import Title from 'src/components/Title'
-import DataTable from 'src/components/tables/DataTable'
-import { Label1 } from 'src/components/typography/index.jsx'
-import MachineRedirectIcon from 'src/styling/icons/month arrows/right.svg?react'
-import WarningIcon from 'src/styling/icons/status/pumpkin.svg?react'
-import ErrorIcon from 'src/styling/icons/status/tomato.svg?react'
+import { MainStatus } from '../../components/Status'
+import Title from '../../components/Title'
+import DataTable from '../../components/tables/DataTable'
+import { Label1 } from '../../components/typography/index.jsx'
+import MachineRedirectIcon from '../../styling/icons/month arrows/right.svg?react'
+import WarningIcon from '../../styling/icons/status/pumpkin.svg?react'
+import ErrorIcon from '../../styling/icons/status/tomato.svg?react'
 
 import MachineDetailsRow from './MachineDetailsCard'
 
diff --git a/packages/admin-ui/src/pages/Maintenance/Wizard/Wizard.jsx b/packages/admin-ui/src/pages/Maintenance/Wizard/Wizard.jsx
index b261e394..b69b0634 100644
--- a/packages/admin-ui/src/pages/Maintenance/Wizard/Wizard.jsx
+++ b/packages/admin-ui/src/pages/Maintenance/Wizard/Wizard.jsx
@@ -1,15 +1,15 @@
 import * as R from 'ramda'
 import React, { useState } from 'react'
-import Modal from 'src/components/Modal'
+import Modal from '../../../components/Modal'
 import * as Yup from 'yup'
 
-import { MAX_NUMBER_OF_CASSETTES } from 'src/utils/constants'
+import { MAX_NUMBER_OF_CASSETTES } from '../../../utils/constants'
 import {
   cashUnitCapacity,
   getCashUnitCapacity,
   modelPrettifier,
-} from 'src/utils/machine'
-import { defaultToZero } from 'src/utils/number'
+} from '../../../utils/machine'
+import { defaultToZero } from '../../../utils/number'
 
 import WizardSplash from './WizardSplash'
 import WizardStep from './WizardStep'
diff --git a/packages/admin-ui/src/pages/Maintenance/Wizard/WizardSplash.jsx b/packages/admin-ui/src/pages/Maintenance/Wizard/WizardSplash.jsx
index 4e2cedca..9302fb3e 100644
--- a/packages/admin-ui/src/pages/Maintenance/Wizard/WizardSplash.jsx
+++ b/packages/admin-ui/src/pages/Maintenance/Wizard/WizardSplash.jsx
@@ -1,9 +1,9 @@
 import React from 'react'
-import { H1, P, Info2 } from 'src/components/typography'
-import WarningIcon from 'src/styling/icons/warning-icon/comet.svg?react'
+import { H1, P, Info2 } from '../../../components/typography'
+import WarningIcon from '../../../styling/icons/warning-icon/comet.svg?react'
 
-import { Button } from 'src/components/buttons'
-import filledCassettes from 'src/styling/icons/cassettes/both-filled.svg'
+import { Button } from '../../../components/buttons'
+import filledCassettes from '../../../styling/icons/cassettes/both-filled.svg'
 
 const WizardSplash = ({ name, onContinue }) => {
   return (
diff --git a/packages/admin-ui/src/pages/Maintenance/Wizard/WizardStep.jsx b/packages/admin-ui/src/pages/Maintenance/Wizard/WizardStep.jsx
index 87056254..f4818a5a 100644
--- a/packages/admin-ui/src/pages/Maintenance/Wizard/WizardStep.jsx
+++ b/packages/admin-ui/src/pages/Maintenance/Wizard/WizardStep.jsx
@@ -2,28 +2,28 @@ import classnames from 'classnames'
 import { Formik, Form, Field } from 'formik'
 import * as R from 'ramda'
 import React from 'react'
-import ErrorMessage from 'src/components/ErrorMessage'
-import Stepper from 'src/components/Stepper'
-import { HelpTooltip } from 'src/components/Tooltip'
-import { Cashbox } from 'src/components/inputs/cashbox/Cashbox'
-import { Info2, H4, P, Info1 } from 'src/components/typography'
-import TxOutIcon from 'src/styling/icons/direction/cash-out.svg?react'
+import ErrorMessage from '../../../components/ErrorMessage'
+import Stepper from '../../../components/Stepper'
+import { HelpTooltip } from '../../../components/Tooltip'
+import { Cashbox } from '../../../components/inputs/cashbox/Cashbox'
+import { Info2, H4, P, Info1 } from '../../../components/typography'
+import TxOutIcon from '../../../styling/icons/direction/cash-out.svg?react'
 
-import { Button } from 'src/components/buttons'
-import { NumberInput, RadioGroup } from 'src/components/inputs/formik'
-import cashbox from 'src/styling/icons/cassettes/acceptor-left.svg'
-import cassetteOne from 'src/styling/icons/cassettes/dispenser-1.svg'
-import cassetteTwo from 'src/styling/icons/cassettes/dispenser-2.svg'
-import tejo3CassetteOne from 'src/styling/icons/cassettes/tejo/3-cassettes/3-cassettes-open-1-left.svg'
-import tejo3CassetteTwo from 'src/styling/icons/cassettes/tejo/3-cassettes/3-cassettes-open-2-left.svg'
-import tejo3CassetteThree from 'src/styling/icons/cassettes/tejo/3-cassettes/3-cassettes-open-3-left.svg'
-import tejo4CassetteOne from 'src/styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-1-left.svg'
-import tejo4CassetteTwo from 'src/styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-2-left.svg'
-import tejo4CassetteThree from 'src/styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-3-left.svg'
-import tejo4CassetteFour from 'src/styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-4-left.svg'
-import { getCashUnitCapacity } from 'src/utils/machine'
-import { numberToFiatAmount } from 'src/utils/number'
-import { startCase } from 'src/utils/string'
+import { Button } from '../../../components/buttons'
+import { NumberInput, RadioGroup } from '../../../components/inputs/formik'
+import cashbox from '../../../styling/icons/cassettes/acceptor-left.svg'
+import cassetteOne from '../../../styling/icons/cassettes/dispenser-1.svg'
+import cassetteTwo from '../../../styling/icons/cassettes/dispenser-2.svg'
+import tejo3CassetteOne from '../../../styling/icons/cassettes/tejo/3-cassettes/3-cassettes-open-1-left.svg'
+import tejo3CassetteTwo from '../../../styling/icons/cassettes/tejo/3-cassettes/3-cassettes-open-2-left.svg'
+import tejo3CassetteThree from '../../../styling/icons/cassettes/tejo/3-cassettes/3-cassettes-open-3-left.svg'
+import tejo4CassetteOne from '../../../styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-1-left.svg'
+import tejo4CassetteTwo from '../../../styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-2-left.svg'
+import tejo4CassetteThree from '../../../styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-3-left.svg'
+import tejo4CassetteFour from '../../../styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-4-left.svg'
+import { getCashUnitCapacity } from '../../../utils/machine'
+import { numberToFiatAmount } from '../../../utils/number'
+import { startCase } from '../../../utils/string'
 import classes from './WizardStep.module.css'
 
 const CASHBOX_STEP = 1
diff --git a/packages/admin-ui/src/pages/Maintenance/helper.jsx b/packages/admin-ui/src/pages/Maintenance/helper.jsx
index ae1244c8..30d32dc3 100644
--- a/packages/admin-ui/src/pages/Maintenance/helper.jsx
+++ b/packages/admin-ui/src/pages/Maintenance/helper.jsx
@@ -2,11 +2,11 @@ import IconButton from '@mui/material/IconButton'
 import SvgIcon from '@mui/material/SvgIcon'
 import React from 'react'
 import * as R from 'ramda'
-import { CashIn, CashOutLite } from 'src/components/inputs/cashbox/Cashbox'
-import EditIcon from 'src/styling/icons/action/edit/enabled.svg?react'
+import { CashIn, CashOutLite } from '../../components/inputs/cashbox/Cashbox'
+import EditIcon from '../../styling/icons/action/edit/enabled.svg?react'
 
-import { fromNamespace } from 'src/utils/config'
-import { getCashUnitCapacity } from 'src/utils/machine'
+import { fromNamespace } from '../../utils/config'
+import { getCashUnitCapacity } from '../../utils/machine'
 
 const getElements = (config, bills, setWizard, widths, setMachineId) => {
   const fillingPercentageSettings = fromNamespace('notifications', config)
diff --git a/packages/admin-ui/src/pages/Notifications/Notifications.jsx b/packages/admin-ui/src/pages/Notifications/Notifications.jsx
index a6a28a5f..88798af3 100644
--- a/packages/admin-ui/src/pages/Notifications/Notifications.jsx
+++ b/packages/admin-ui/src/pages/Notifications/Notifications.jsx
@@ -1,15 +1,15 @@
 import { useQuery, useMutation, gql } from '@apollo/client'
 import * as R from 'ramda'
 import React, { useState } from 'react'
-import Modal from 'src/components/Modal'
-import { HelpTooltip } from 'src/components/Tooltip'
-import TitleSection from 'src/components/layout/TitleSection'
-import { P } from 'src/components/typography'
-import FormRenderer from 'src/pages/Services/FormRenderer'
+import Modal from '../../components/Modal'
+import { HelpTooltip } from '../../components/Tooltip'
+import TitleSection from '../../components/layout/TitleSection'
+import { P } from '../../components/typography'
+import FormRenderer from '../Services/FormRenderer'
 
-import { SupportLinkButton } from 'src/components/buttons'
-import twilioSchema from 'src/pages/Services/schemas/twilio'
-import { fromNamespace, toNamespace, namespaces } from 'src/utils/config'
+import { SupportLinkButton } from '../../components/buttons'
+import twilioSchema from '../Services/schemas/twilio'
+import { fromNamespace, toNamespace, namespaces } from '../../utils/config'
 
 import Section from '../../components/layout/Section'
 import mailgunSchema from '../Services/schemas/mailgun'
diff --git a/packages/admin-ui/src/pages/Notifications/components/EditHeader.jsx b/packages/admin-ui/src/pages/Notifications/components/EditHeader.jsx
index 7ed246a5..7d18b570 100644
--- a/packages/admin-ui/src/pages/Notifications/components/EditHeader.jsx
+++ b/packages/admin-ui/src/pages/Notifications/components/EditHeader.jsx
@@ -1,10 +1,10 @@
 import IconButton from '@mui/material/IconButton'
 import React from 'react'
-import { H4 } from 'src/components/typography'
-import DisabledEditIcon from 'src/styling/icons/action/edit/disabled.svg?react'
-import EditIcon from 'src/styling/icons/action/edit/enabled.svg?react'
+import { H4 } from '../../../components/typography'
+import DisabledEditIcon from '../../../styling/icons/action/edit/disabled.svg?react'
+import EditIcon from '../../../styling/icons/action/edit/enabled.svg?react'
 
-import { Link } from 'src/components/buttons'
+import { Link } from '../../../components/buttons'
 import SvgIcon from '@mui/material/SvgIcon'
 
 const Header = ({ title, editing, disabled, setEditing }) => {
diff --git a/packages/admin-ui/src/pages/Notifications/components/EditableNumber.jsx b/packages/admin-ui/src/pages/Notifications/components/EditableNumber.jsx
index 116ae291..5656317f 100644
--- a/packages/admin-ui/src/pages/Notifications/components/EditableNumber.jsx
+++ b/packages/admin-ui/src/pages/Notifications/components/EditableNumber.jsx
@@ -1,9 +1,9 @@
 import classnames from 'classnames'
 import { useFormikContext, Field as FormikField } from 'formik'
 import React from 'react'
-import { Label1, Info1, TL2 } from 'src/components/typography'
+import { Label1, Info1, TL2 } from '../../../components/typography'
 
-import { NumberInput } from 'src/components/inputs/formik'
+import { NumberInput } from '../../../components/inputs/formik'
 
 const EditableNumber = ({
   label,
diff --git a/packages/admin-ui/src/pages/Notifications/components/SingleFieldEditableNumber.jsx b/packages/admin-ui/src/pages/Notifications/components/SingleFieldEditableNumber.jsx
index 39a30588..24df0f98 100644
--- a/packages/admin-ui/src/pages/Notifications/components/SingleFieldEditableNumber.jsx
+++ b/packages/admin-ui/src/pages/Notifications/components/SingleFieldEditableNumber.jsx
@@ -1,9 +1,9 @@
 import { Form, Formik } from 'formik'
 import React, { useContext, useState } from 'react'
-import PromptWhenDirty from 'src/components/PromptWhenDirty'
+import PromptWhenDirty from '../../../components/PromptWhenDirty'
 import * as Yup from 'yup'
 
-import { transformNumber } from 'src/utils/number'
+import { transformNumber } from '../../../utils/number'
 
 import NotificationsCtx from '../NotificationsContext'
 
diff --git a/packages/admin-ui/src/pages/Notifications/sections/CryptoBalanceOverrides.jsx b/packages/admin-ui/src/pages/Notifications/sections/CryptoBalanceOverrides.jsx
index a92d0b6c..448d530a 100644
--- a/packages/admin-ui/src/pages/Notifications/sections/CryptoBalanceOverrides.jsx
+++ b/packages/admin-ui/src/pages/Notifications/sections/CryptoBalanceOverrides.jsx
@@ -1,12 +1,12 @@
 import * as R from 'ramda'
 import React, { useContext } from 'react'
-import Autocomplete from 'src/components/inputs/formik/Autocomplete'
+import Autocomplete from '../../../components/inputs/formik/Autocomplete'
 import * as Yup from 'yup'
 
-import { Table as EditableTable } from 'src/components/editableTable'
-import { NumberInput } from 'src/components/inputs/formik'
-import { CURRENCY_MAX } from 'src/utils/constants'
-import { transformNumber } from 'src/utils/number'
+import { Table as EditableTable } from '../../../components/editableTable'
+import { NumberInput } from '../../../components/inputs/formik'
+import { CURRENCY_MAX } from '../../../utils/constants'
+import { transformNumber } from '../../../utils/number'
 
 import NotificationsCtx from '../NotificationsContext'
 
diff --git a/packages/admin-ui/src/pages/Notifications/sections/FiatBalanceAlerts.jsx b/packages/admin-ui/src/pages/Notifications/sections/FiatBalanceAlerts.jsx
index 0bead6e3..287d38d1 100644
--- a/packages/admin-ui/src/pages/Notifications/sections/FiatBalanceAlerts.jsx
+++ b/packages/admin-ui/src/pages/Notifications/sections/FiatBalanceAlerts.jsx
@@ -1,11 +1,11 @@
 import { Form, Formik } from 'formik'
 import * as R from 'ramda'
 import React, { useContext } from 'react'
-import PromptWhenDirty from 'src/components/PromptWhenDirty'
-import { TL2 } from 'src/components/typography'
+import PromptWhenDirty from '../../../components/PromptWhenDirty'
+import { TL2 } from '../../../components/typography'
 import * as Yup from 'yup'
 
-import { transformNumber } from 'src/utils/number'
+import { transformNumber } from '../../../utils/number'
 
 import { Cashbox } from '../../../components/inputs/cashbox/Cashbox'
 import NotificationsCtx from '../NotificationsContext'
diff --git a/packages/admin-ui/src/pages/Notifications/sections/FiatBalanceOverrides.jsx b/packages/admin-ui/src/pages/Notifications/sections/FiatBalanceOverrides.jsx
index 06b69515..bf5bb275 100644
--- a/packages/admin-ui/src/pages/Notifications/sections/FiatBalanceOverrides.jsx
+++ b/packages/admin-ui/src/pages/Notifications/sections/FiatBalanceOverrides.jsx
@@ -1,12 +1,12 @@
 import * as R from 'ramda'
 import React, { useContext } from 'react'
-import Autocomplete from 'src/components/inputs/formik/Autocomplete'
+import Autocomplete from '../../../components/inputs/formik/Autocomplete'
 import * as Yup from 'yup'
 
-import { Table as EditableTable } from 'src/components/editableTable'
-import { NumberInput } from 'src/components/inputs/formik/'
-import { fromNamespace } from 'src/utils/config'
-import { transformNumber } from 'src/utils/number'
+import { Table as EditableTable } from '../../../components/editableTable'
+import { NumberInput } from '../../../components/inputs/formik'
+import { fromNamespace } from '../../../utils/config'
+import { transformNumber } from '../../../utils/number'
 
 import NotificationsCtx from '../NotificationsContext'
 
diff --git a/packages/admin-ui/src/pages/Notifications/sections/Setup.jsx b/packages/admin-ui/src/pages/Notifications/sections/Setup.jsx
index 50733fca..b7705357 100644
--- a/packages/admin-ui/src/pages/Notifications/sections/Setup.jsx
+++ b/packages/admin-ui/src/pages/Notifications/sections/Setup.jsx
@@ -8,10 +8,10 @@ import {
   Tr,
   Td,
   Th,
-} from 'src/components/fake-table/Table'
+} from '../../../components/fake-table/Table'
 
-import { fromNamespace, toNamespace } from 'src/utils/config'
-import { sentenceCase } from 'src/utils/string'
+import { fromNamespace, toNamespace } from '../../../utils/config'
+import { sentenceCase } from '../../../utils/string'
 
 import NotificationsCtx from '../NotificationsContext'
 
diff --git a/packages/admin-ui/src/pages/Notifications/sections/ThirdPartyProvider.jsx b/packages/admin-ui/src/pages/Notifications/sections/ThirdPartyProvider.jsx
index 60a21e92..3ed93fae 100644
--- a/packages/admin-ui/src/pages/Notifications/sections/ThirdPartyProvider.jsx
+++ b/packages/admin-ui/src/pages/Notifications/sections/ThirdPartyProvider.jsx
@@ -1,10 +1,10 @@
 import * as R from 'ramda'
 import React, { useContext } from 'react'
-import Autocomplete from 'src/components/inputs/formik/Autocomplete'
+import Autocomplete from '../../../components/inputs/formik/Autocomplete'
 import * as Yup from 'yup'
 
-import { Table as EditableTable } from 'src/components/editableTable'
-import { toNamespace, fromNamespace } from 'src/utils/config'
+import { Table as EditableTable } from '../../../components/editableTable'
+import { toNamespace, fromNamespace } from '../../../utils/config'
 
 import NotificationsCtx from '../NotificationsContext'
 
diff --git a/packages/admin-ui/src/pages/OperatorInfo/CoinATMRadar.jsx b/packages/admin-ui/src/pages/OperatorInfo/CoinATMRadar.jsx
index ea5c2b33..95ab3634 100644
--- a/packages/admin-ui/src/pages/OperatorInfo/CoinATMRadar.jsx
+++ b/packages/admin-ui/src/pages/OperatorInfo/CoinATMRadar.jsx
@@ -1,8 +1,8 @@
 import { useQuery, useMutation, gql } from '@apollo/client'
 import React, { memo } from 'react'
 
-import { BooleanPropertiesTable } from 'src/components/booleanPropertiesTable'
-import { fromNamespace, toNamespace, namespaces } from 'src/utils/config'
+import { BooleanPropertiesTable } from '../../components/booleanPropertiesTable'
+import { fromNamespace, toNamespace, namespaces } from '../../utils/config'
 
 import SwitchRow from './components/SwitchRow.jsx'
 import Header from './components/Header.jsx'
diff --git a/packages/admin-ui/src/pages/OperatorInfo/ContactInfo.jsx b/packages/admin-ui/src/pages/OperatorInfo/ContactInfo.jsx
index 53cd7a90..a14e830e 100644
--- a/packages/admin-ui/src/pages/OperatorInfo/ContactInfo.jsx
+++ b/packages/admin-ui/src/pages/OperatorInfo/ContactInfo.jsx
@@ -3,16 +3,16 @@ import { useQuery, useMutation, gql } from '@apollo/client'
 import { Form, Formik, Field as FormikField } from 'formik'
 import * as R from 'ramda'
 import React, { useState } from 'react'
-import ErrorMessage from 'src/components/ErrorMessage'
-import PromptWhenDirty from 'src/components/PromptWhenDirty'
-import { H4, Info3, Label3 } from 'src/components/typography'
-import EditIcon from 'src/styling/icons/action/edit/enabled.svg?react'
-import WarningIcon from 'src/styling/icons/warning-icon/comet.svg?react'
+import ErrorMessage from '../../components/ErrorMessage'
+import PromptWhenDirty from '../../components/PromptWhenDirty'
+import { H4, Info3, Label3 } from '../../components/typography'
+import EditIcon from '../../styling/icons/action/edit/enabled.svg?react'
+import WarningIcon from '../../styling/icons/warning-icon/comet.svg?react'
 import * as Yup from 'yup'
 
-import { Link } from 'src/components/buttons'
-import { TextInput } from 'src/components/inputs/formik'
-import { fromNamespace, toNamespace, namespaces } from 'src/utils/config'
+import { Link } from '../../components/buttons'
+import { TextInput } from '../../components/inputs/formik'
+import { fromNamespace, toNamespace, namespaces } from '../../utils/config'
 
 import SwitchRow from './components/SwitchRow.jsx'
 import InfoMessage from './components/InfoMessage.jsx'
diff --git a/packages/admin-ui/src/pages/OperatorInfo/MachineScreens.jsx b/packages/admin-ui/src/pages/OperatorInfo/MachineScreens.jsx
index d53fdf9f..a765cec6 100644
--- a/packages/admin-ui/src/pages/OperatorInfo/MachineScreens.jsx
+++ b/packages/admin-ui/src/pages/OperatorInfo/MachineScreens.jsx
@@ -1,9 +1,9 @@
 import { useQuery, useMutation, gql } from '@apollo/client'
 import * as R from 'ramda'
 import React, { memo } from 'react'
-import { H4 } from 'src/components/typography'
+import { H4 } from '../../components/typography'
 
-import { fromNamespace, toNamespace, namespaces } from 'src/utils/config'
+import { fromNamespace, toNamespace, namespaces } from '../../utils/config'
 
 import SwitchRow from './components/SwitchRow.jsx'
 
diff --git a/packages/admin-ui/src/pages/OperatorInfo/ReceiptPrinting.jsx b/packages/admin-ui/src/pages/OperatorInfo/ReceiptPrinting.jsx
index 88ad61da..912de8cc 100644
--- a/packages/admin-ui/src/pages/OperatorInfo/ReceiptPrinting.jsx
+++ b/packages/admin-ui/src/pages/OperatorInfo/ReceiptPrinting.jsx
@@ -2,8 +2,8 @@ import { useQuery, useMutation, gql } from '@apollo/client'
 import * as R from 'ramda'
 import React, { memo } from 'react'
 
-import { BooleanPropertiesTable } from 'src/components/booleanPropertiesTable'
-import { fromNamespace, toNamespace, namespaces } from 'src/utils/config'
+import { BooleanPropertiesTable } from '../../components/booleanPropertiesTable'
+import { fromNamespace, toNamespace, namespaces } from '../../utils/config'
 
 import Header from './components/Header.jsx'
 import SwitchRow from './components/SwitchRow.jsx'
diff --git a/packages/admin-ui/src/pages/OperatorInfo/SMSNotices/SMSNotices.jsx b/packages/admin-ui/src/pages/OperatorInfo/SMSNotices/SMSNotices.jsx
index 287938c8..3cf6e2d5 100644
--- a/packages/admin-ui/src/pages/OperatorInfo/SMSNotices/SMSNotices.jsx
+++ b/packages/admin-ui/src/pages/OperatorInfo/SMSNotices/SMSNotices.jsx
@@ -4,16 +4,16 @@ import Switch from '@mui/material/Switch'
 import IconButton from '@mui/material/IconButton'
 import * as R from 'ramda'
 import React, { useState } from 'react'
-import { HelpTooltip } from 'src/components/Tooltip'
-import DataTable from 'src/components/tables/DataTable'
-import { H4, P, Label3 } from 'src/components/typography'
-import EditIcon from 'src/styling/icons/action/edit/enabled.svg?react'
-import ExpandIconClosed from 'src/styling/icons/action/expand/closed.svg?react'
-import ExpandIconOpen from 'src/styling/icons/action/expand/open.svg?react'
-import WhiteLogo from 'src/styling/icons/menu/logo-white.svg?react'
+import { HelpTooltip } from '../../../components/Tooltip'
+import DataTable from '../../../components/tables/DataTable'
+import { H4, P, Label3 } from '../../../components/typography'
+import EditIcon from '../../../styling/icons/action/edit/enabled.svg?react'
+import ExpandIconClosed from '../../../styling/icons/action/expand/closed.svg?react'
+import ExpandIconOpen from '../../../styling/icons/action/expand/open.svg?react'
+import WhiteLogo from '../../../styling/icons/menu/logo-white.svg?react'
 
-import { SupportLinkButton } from 'src/components/buttons'
-import { formatDate } from 'src/utils/timezones'
+import { SupportLinkButton } from '../../../components/buttons'
+import { formatDate } from '../../../utils/timezones'
 
 import CustomSMSModal from './SMSNoticesModal'
 import SvgIcon from '@mui/material/SvgIcon'
diff --git a/packages/admin-ui/src/pages/OperatorInfo/SMSNotices/SMSNoticesModal.jsx b/packages/admin-ui/src/pages/OperatorInfo/SMSNotices/SMSNoticesModal.jsx
index 29dcd876..f523ea93 100644
--- a/packages/admin-ui/src/pages/OperatorInfo/SMSNotices/SMSNoticesModal.jsx
+++ b/packages/admin-ui/src/pages/OperatorInfo/SMSNotices/SMSNoticesModal.jsx
@@ -2,16 +2,16 @@ import Chip from '@mui/material/Chip'
 import { Form, Formik, Field } from 'formik'
 import * as R from 'ramda'
 import React from 'react'
-import ErrorMessage from 'src/components/ErrorMessage'
-import Modal from 'src/components/Modal'
-import { Info2 } from 'src/components/typography'
-import DefaultIconReverse from 'src/styling/icons/button/retry/white.svg?react'
-import DefaultIcon from 'src/styling/icons/button/retry/zodiac.svg?react'
+import ErrorMessage from '../../../components/ErrorMessage'
+import Modal from '../../../components/Modal'
+import { Info2 } from '../../../components/typography'
+import DefaultIconReverse from '../../../styling/icons/button/retry/white.svg?react'
+import DefaultIcon from '../../../styling/icons/button/retry/zodiac.svg?react'
 import * as Yup from 'yup'
 
-import { ActionButton, Button } from 'src/components/buttons'
-import { TextInput } from 'src/components/inputs/formik'
-import { zircon } from 'src/styling/variables'
+import { ActionButton, Button } from '../../../components/buttons'
+import { TextInput } from '../../../components/inputs/formik'
+import { zircon } from '../../../styling/variables'
 
 const getErrorMsg = (formikErrors, formikTouched, mutationError) => {
   if (!formikErrors || !formikTouched) return null
diff --git a/packages/admin-ui/src/pages/OperatorInfo/TermsConditions.jsx b/packages/admin-ui/src/pages/OperatorInfo/TermsConditions.jsx
index 0065d74e..b85d758a 100644
--- a/packages/admin-ui/src/pages/OperatorInfo/TermsConditions.jsx
+++ b/packages/admin-ui/src/pages/OperatorInfo/TermsConditions.jsx
@@ -4,15 +4,15 @@ import classnames from 'classnames'
 import { Form, Formik, Field as FormikField } from 'formik'
 import * as R from 'ramda'
 import React, { useState } from 'react'
-import ErrorMessage from 'src/components/ErrorMessage'
-import PromptWhenDirty from 'src/components/PromptWhenDirty'
-import { Info2, Info3, Label3 } from 'src/components/typography'
-import EditIcon from 'src/styling/icons/action/edit/enabled.svg?react'
+import ErrorMessage from '../../components/ErrorMessage'
+import PromptWhenDirty from '../../components/PromptWhenDirty'
+import { Info2, Info3, Label3 } from '../../components/typography'
+import EditIcon from '../../styling/icons/action/edit/enabled.svg?react'
 import * as Yup from 'yup'
 
-import { Link } from 'src/components/buttons'
-import { TextInput } from 'src/components/inputs/formik'
-import { fromNamespace, toNamespace, namespaces } from 'src/utils/config'
+import { Link } from '../../components/buttons'
+import { TextInput } from '../../components/inputs/formik'
+import { fromNamespace, toNamespace, namespaces } from '../../utils/config'
 
 import Header from './components/Header.jsx'
 import SwitchRow from './components/SwitchRow.jsx'
diff --git a/packages/admin-ui/src/pages/OperatorInfo/components/Header.jsx b/packages/admin-ui/src/pages/OperatorInfo/components/Header.jsx
index d80b96b8..766ea84c 100644
--- a/packages/admin-ui/src/pages/OperatorInfo/components/Header.jsx
+++ b/packages/admin-ui/src/pages/OperatorInfo/components/Header.jsx
@@ -1,7 +1,7 @@
 import React from 'react'
-import { H4, P } from 'src/components/typography/index.jsx'
-import { HelpTooltip } from 'src/components/Tooltip.jsx'
-import { SupportLinkButton } from 'src/components/buttons/index.js'
+import { H4, P } from '../../../components/typography/index.jsx'
+import { HelpTooltip } from '../../../components/Tooltip.jsx'
+import { SupportLinkButton } from '../../../components/buttons/index.js'
 
 const Header = ({ title, tooltipText, articleUrl }) => (
   <div className="flex items-center">
diff --git a/packages/admin-ui/src/pages/OperatorInfo/components/InfoMessage.jsx b/packages/admin-ui/src/pages/OperatorInfo/components/InfoMessage.jsx
index 3f21549d..f9c43906 100644
--- a/packages/admin-ui/src/pages/OperatorInfo/components/InfoMessage.jsx
+++ b/packages/admin-ui/src/pages/OperatorInfo/components/InfoMessage.jsx
@@ -1,6 +1,6 @@
 import React from 'react'
 
-import { Label1 } from 'src/components/typography'
+import { Label1 } from '../../../components/typography'
 
 const InfoMessage = ({ Icon, children }) => (
   <div className="flex my-13 gap-4">
diff --git a/packages/admin-ui/src/pages/OperatorInfo/components/SwitchRow.jsx b/packages/admin-ui/src/pages/OperatorInfo/components/SwitchRow.jsx
index 317e1d36..1721bc80 100644
--- a/packages/admin-ui/src/pages/OperatorInfo/components/SwitchRow.jsx
+++ b/packages/admin-ui/src/pages/OperatorInfo/components/SwitchRow.jsx
@@ -1,5 +1,5 @@
 import React, { memo } from 'react'
-import { Label2, P } from 'src/components/typography/index.jsx'
+import { Label2, P } from '../../../components/typography/index.jsx'
 import Switch from '@mui/material/Switch'
 
 const SwitchRow = memo(({ title, disabled = false, checked, save }) => {
diff --git a/packages/admin-ui/src/pages/Services/FormRenderer.jsx b/packages/admin-ui/src/pages/Services/FormRenderer.jsx
index 220faaab..e12798fa 100644
--- a/packages/admin-ui/src/pages/Services/FormRenderer.jsx
+++ b/packages/admin-ui/src/pages/Services/FormRenderer.jsx
@@ -2,10 +2,10 @@ import classnames from 'classnames'
 import { Formik, Form, FastField } from 'formik'
 import * as R from 'ramda'
 import React, { useState } from 'react'
-import ErrorMessage from 'src/components/ErrorMessage'
+import ErrorMessage from '../../components/ErrorMessage'
 
-import { Button } from 'src/components/buttons'
-import { SecretInput } from 'src/components/inputs/formik'
+import { Button } from '../../components/buttons'
+import { SecretInput } from '../../components/inputs/formik'
 
 const FormRenderer = ({
   validationSchema,
diff --git a/packages/admin-ui/src/pages/Services/Services.jsx b/packages/admin-ui/src/pages/Services/Services.jsx
index aac6085c..dc3b9b61 100644
--- a/packages/admin-ui/src/pages/Services/Services.jsx
+++ b/packages/admin-ui/src/pages/Services/Services.jsx
@@ -1,13 +1,13 @@
 import { useQuery, useMutation, gql } from '@apollo/client'
 import * as R from 'ramda'
 import React, { useState } from 'react'
-import Modal from 'src/components/Modal'
-import CheckboxInput from 'src/components/inputs/formik/Checkbox'
-import TitleSection from 'src/components/layout/TitleSection'
-import SingleRowTable from 'src/components/single-row-table/SingleRowTable'
+import Modal from '../../components/Modal'
+import CheckboxInput from '../../components/inputs/formik/Checkbox'
+import TitleSection from '../../components/layout/TitleSection'
+import SingleRowTable from '../../components/single-row-table/SingleRowTable'
 
-import { SecretInput } from 'src/components/inputs/formik'
-import { formatLong } from 'src/utils/string'
+import { SecretInput } from '../../components/inputs/formik'
+import { formatLong } from '../../utils/string'
 
 import FormRenderer from './FormRenderer'
 import _schemas from './schemas'
diff --git a/packages/admin-ui/src/pages/Services/schemas/binance.js b/packages/admin-ui/src/pages/Services/schemas/binance.js
index 4182a6e4..32f2c682 100644
--- a/packages/admin-ui/src/pages/Services/schemas/binance.js
+++ b/packages/admin-ui/src/pages/Services/schemas/binance.js
@@ -4,7 +4,7 @@ import {
   SecretInput,
   TextInput,
   Autocomplete,
-} from 'src/components/inputs/formik'
+} from '../../../components/inputs/formik'
 
 import { secretTest, buildCurrencyOptions } from './helper'
 
diff --git a/packages/admin-ui/src/pages/Services/schemas/binanceus.js b/packages/admin-ui/src/pages/Services/schemas/binanceus.js
index 708fc593..0119fa0d 100644
--- a/packages/admin-ui/src/pages/Services/schemas/binanceus.js
+++ b/packages/admin-ui/src/pages/Services/schemas/binanceus.js
@@ -4,7 +4,7 @@ import {
   SecretInput,
   TextInput,
   Autocomplete,
-} from 'src/components/inputs/formik'
+} from '../../../components/inputs/formik'
 
 import { secretTest, buildCurrencyOptions } from './helper'
 
diff --git a/packages/admin-ui/src/pages/Services/schemas/bitfinex.js b/packages/admin-ui/src/pages/Services/schemas/bitfinex.js
index 67563406..5a0906b6 100644
--- a/packages/admin-ui/src/pages/Services/schemas/bitfinex.js
+++ b/packages/admin-ui/src/pages/Services/schemas/bitfinex.js
@@ -4,7 +4,7 @@ import {
   SecretInput,
   TextInput,
   Autocomplete,
-} from 'src/components/inputs/formik'
+} from '../../../components/inputs/formik'
 
 import { secretTest, buildCurrencyOptions } from './helper'
 
diff --git a/packages/admin-ui/src/pages/Services/schemas/bitgo.js b/packages/admin-ui/src/pages/Services/schemas/bitgo.js
index 8185701d..ee7cb683 100644
--- a/packages/admin-ui/src/pages/Services/schemas/bitgo.js
+++ b/packages/admin-ui/src/pages/Services/schemas/bitgo.js
@@ -4,7 +4,7 @@ import {
   TextInput,
   SecretInput,
   Autocomplete,
-} from 'src/components/inputs/formik'
+} from '../../../components/inputs/formik'
 
 import { secretTest } from './helper'
 
diff --git a/packages/admin-ui/src/pages/Services/schemas/bitstamp.js b/packages/admin-ui/src/pages/Services/schemas/bitstamp.js
index d2664809..cbc357c6 100644
--- a/packages/admin-ui/src/pages/Services/schemas/bitstamp.js
+++ b/packages/admin-ui/src/pages/Services/schemas/bitstamp.js
@@ -4,7 +4,7 @@ import {
   SecretInput,
   TextInput,
   Autocomplete,
-} from 'src/components/inputs/formik'
+} from '../../../components/inputs/formik'
 
 import { secretTest, buildCurrencyOptions } from './helper'
 
diff --git a/packages/admin-ui/src/pages/Services/schemas/blockcypher.js b/packages/admin-ui/src/pages/Services/schemas/blockcypher.js
index 564127bb..6d15e9a8 100644
--- a/packages/admin-ui/src/pages/Services/schemas/blockcypher.js
+++ b/packages/admin-ui/src/pages/Services/schemas/blockcypher.js
@@ -1,6 +1,10 @@
 import * as Yup from 'yup'
 
-import { Checkbox, TextInput, NumberInput } from 'src/components/inputs/formik'
+import {
+  Checkbox,
+  TextInput,
+  NumberInput,
+} from '../../../components/inputs/formik'
 
 export default {
   code: 'blockcypher',
diff --git a/packages/admin-ui/src/pages/Services/schemas/cex.js b/packages/admin-ui/src/pages/Services/schemas/cex.js
index 25488088..9e6993b1 100644
--- a/packages/admin-ui/src/pages/Services/schemas/cex.js
+++ b/packages/admin-ui/src/pages/Services/schemas/cex.js
@@ -4,7 +4,7 @@ import {
   SecretInput,
   TextInput,
   Autocomplete,
-} from 'src/components/inputs/formik'
+} from '../../../components/inputs/formik'
 
 import { secretTest, buildCurrencyOptions } from './helper'
 
diff --git a/packages/admin-ui/src/pages/Services/schemas/elliptic.js b/packages/admin-ui/src/pages/Services/schemas/elliptic.js
index acb943f8..2af7f505 100644
--- a/packages/admin-ui/src/pages/Services/schemas/elliptic.js
+++ b/packages/admin-ui/src/pages/Services/schemas/elliptic.js
@@ -1,6 +1,6 @@
-import CheckboxFormik from 'src/components/inputs/formik/Checkbox'
-import NumberInputFormik from 'src/components/inputs/formik/NumberInput'
-import SecretInputFormik from 'src/components/inputs/formik/SecretInput'
+import CheckboxFormik from '../../../components/inputs/formik/Checkbox'
+import NumberInputFormik from '../../../components/inputs/formik/NumberInput'
+import SecretInputFormik from '../../../components/inputs/formik/SecretInput'
 import * as Yup from 'yup'
 
 import { secretTest, leadingZerosTest } from './helper'
diff --git a/packages/admin-ui/src/pages/Services/schemas/galoy.js b/packages/admin-ui/src/pages/Services/schemas/galoy.js
index a0fc2727..bfc1da2f 100644
--- a/packages/admin-ui/src/pages/Services/schemas/galoy.js
+++ b/packages/admin-ui/src/pages/Services/schemas/galoy.js
@@ -4,7 +4,7 @@ import {
   SecretInput,
   TextInput,
   Autocomplete,
-} from 'src/components/inputs/formik'
+} from '../../../components/inputs/formik'
 
 import { secretTest } from './helper'
 
diff --git a/packages/admin-ui/src/pages/Services/schemas/inforu.js b/packages/admin-ui/src/pages/Services/schemas/inforu.js
index 3dbe292f..8c7b3a43 100644
--- a/packages/admin-ui/src/pages/Services/schemas/inforu.js
+++ b/packages/admin-ui/src/pages/Services/schemas/inforu.js
@@ -1,5 +1,5 @@
-import SecretInputFormik from 'src/components/inputs/formik/SecretInput'
-import TextInputFormik from 'src/components/inputs/formik/TextInput'
+import SecretInputFormik from '../../../components/inputs/formik/SecretInput'
+import TextInputFormik from '../../../components/inputs/formik/TextInput'
 import * as Yup from 'yup'
 
 import { secretTest } from './helper'
diff --git a/packages/admin-ui/src/pages/Services/schemas/infura.js b/packages/admin-ui/src/pages/Services/schemas/infura.js
index 87d3895d..c7a2d1d4 100644
--- a/packages/admin-ui/src/pages/Services/schemas/infura.js
+++ b/packages/admin-ui/src/pages/Services/schemas/infura.js
@@ -1,4 +1,4 @@
-import TextInputFormik from 'src/components/inputs/formik/TextInput'
+import TextInputFormik from '../../../components/inputs/formik/TextInput'
 import * as Yup from 'yup'
 
 export default {
diff --git a/packages/admin-ui/src/pages/Services/schemas/itbit.js b/packages/admin-ui/src/pages/Services/schemas/itbit.js
index d679af1b..b281d147 100644
--- a/packages/admin-ui/src/pages/Services/schemas/itbit.js
+++ b/packages/admin-ui/src/pages/Services/schemas/itbit.js
@@ -4,7 +4,7 @@ import {
   SecretInput,
   TextInput,
   Autocomplete,
-} from 'src/components/inputs/formik'
+} from '../../../components/inputs/formik'
 
 import { buildCurrencyOptions, secretTest } from './helper'
 
diff --git a/packages/admin-ui/src/pages/Services/schemas/kraken.js b/packages/admin-ui/src/pages/Services/schemas/kraken.js
index 0ad9f12f..d55b67c3 100644
--- a/packages/admin-ui/src/pages/Services/schemas/kraken.js
+++ b/packages/admin-ui/src/pages/Services/schemas/kraken.js
@@ -4,7 +4,7 @@ import {
   SecretInput,
   TextInput,
   Autocomplete,
-} from 'src/components/inputs/formik'
+} from '../../../components/inputs/formik'
 
 import { secretTest, buildCurrencyOptions } from './helper'
 
diff --git a/packages/admin-ui/src/pages/Services/schemas/mailgun.js b/packages/admin-ui/src/pages/Services/schemas/mailgun.js
index c00f69a0..65c962df 100644
--- a/packages/admin-ui/src/pages/Services/schemas/mailgun.js
+++ b/packages/admin-ui/src/pages/Services/schemas/mailgun.js
@@ -1,4 +1,4 @@
-import TextInputFormik from 'src/components/inputs/formik/TextInput'
+import TextInputFormik from '../../../components/inputs/formik/TextInput'
 import * as Yup from 'yup'
 
 export default {
diff --git a/packages/admin-ui/src/pages/Services/schemas/scorechain.js b/packages/admin-ui/src/pages/Services/schemas/scorechain.js
index ac1c011c..0f8dccda 100644
--- a/packages/admin-ui/src/pages/Services/schemas/scorechain.js
+++ b/packages/admin-ui/src/pages/Services/schemas/scorechain.js
@@ -1,6 +1,6 @@
-import CheckboxFormik from 'src/components/inputs/formik/Checkbox'
-import NumberInputFormik from 'src/components/inputs/formik/NumberInput'
-import SecretInputFormik from 'src/components/inputs/formik/SecretInput'
+import CheckboxFormik from '../../../components/inputs/formik/Checkbox'
+import NumberInputFormik from '../../../components/inputs/formik/NumberInput'
+import SecretInputFormik from '../../../components/inputs/formik/SecretInput'
 import * as Yup from 'yup'
 
 import { secretTest, leadingZerosTest } from './helper'
diff --git a/packages/admin-ui/src/pages/Services/schemas/singlebitgo.js b/packages/admin-ui/src/pages/Services/schemas/singlebitgo.js
index de47811b..5d61b1bd 100644
--- a/packages/admin-ui/src/pages/Services/schemas/singlebitgo.js
+++ b/packages/admin-ui/src/pages/Services/schemas/singlebitgo.js
@@ -4,7 +4,7 @@ import {
   TextInput,
   SecretInput,
   Autocomplete,
-} from 'src/components/inputs/formik'
+} from '../../../components/inputs/formik'
 
 const singleBitgo = code => ({
   code: 'bitgo',
diff --git a/packages/admin-ui/src/pages/Services/schemas/sumsub.js b/packages/admin-ui/src/pages/Services/schemas/sumsub.js
index b4f13c5d..ae9121fd 100644
--- a/packages/admin-ui/src/pages/Services/schemas/sumsub.js
+++ b/packages/admin-ui/src/pages/Services/schemas/sumsub.js
@@ -1,6 +1,6 @@
 import * as Yup from 'yup'
 
-import { SecretInput, TextInput } from 'src/components/inputs/formik'
+import { SecretInput, TextInput } from '../../../components/inputs/formik'
 
 import { secretTest } from './helper'
 
diff --git a/packages/admin-ui/src/pages/Services/schemas/telnyx.js b/packages/admin-ui/src/pages/Services/schemas/telnyx.js
index b33b8c7e..77ad79df 100644
--- a/packages/admin-ui/src/pages/Services/schemas/telnyx.js
+++ b/packages/admin-ui/src/pages/Services/schemas/telnyx.js
@@ -1,5 +1,5 @@
-import SecretInputFormik from 'src/components/inputs/formik/SecretInput'
-import TextInputFormik from 'src/components/inputs/formik/TextInput'
+import SecretInputFormik from '../../../components/inputs/formik/SecretInput'
+import TextInputFormik from '../../../components/inputs/formik/TextInput'
 import * as Yup from 'yup'
 
 import { secretTest } from './helper'
diff --git a/packages/admin-ui/src/pages/Services/schemas/trongrid.js b/packages/admin-ui/src/pages/Services/schemas/trongrid.js
index 4d6bb9ea..1710617f 100644
--- a/packages/admin-ui/src/pages/Services/schemas/trongrid.js
+++ b/packages/admin-ui/src/pages/Services/schemas/trongrid.js
@@ -1,4 +1,4 @@
-import TextInputFormik from 'src/components/inputs/formik/TextInput'
+import TextInputFormik from '../../../components/inputs/formik/TextInput'
 import * as Yup from 'yup'
 
 export default {
diff --git a/packages/admin-ui/src/pages/Services/schemas/twilio.js b/packages/admin-ui/src/pages/Services/schemas/twilio.js
index d22d51be..441a4dbd 100644
--- a/packages/admin-ui/src/pages/Services/schemas/twilio.js
+++ b/packages/admin-ui/src/pages/Services/schemas/twilio.js
@@ -1,5 +1,5 @@
-import SecretInputFormik from 'src/components/inputs/formik/SecretInput'
-import TextInputFormik from 'src/components/inputs/formik/TextInput'
+import SecretInputFormik from '../../../components/inputs/formik/SecretInput'
+import TextInputFormik from '../../../components/inputs/formik/TextInput'
 import * as Yup from 'yup'
 
 import { secretTest } from './helper'
diff --git a/packages/admin-ui/src/pages/Services/schemas/vonage.js b/packages/admin-ui/src/pages/Services/schemas/vonage.js
index 6aaeeee1..e6c78dda 100644
--- a/packages/admin-ui/src/pages/Services/schemas/vonage.js
+++ b/packages/admin-ui/src/pages/Services/schemas/vonage.js
@@ -1,5 +1,5 @@
-import SecretInputFormik from 'src/components/inputs/formik/SecretInput'
-import TextInputFormik from 'src/components/inputs/formik/TextInput'
+import SecretInputFormik from '../../../components/inputs/formik/SecretInput'
+import TextInputFormik from '../../../components/inputs/formik/TextInput'
 import * as Yup from 'yup'
 
 import { secretTest } from './helper'
diff --git a/packages/admin-ui/src/pages/SessionManagement/SessionManagement.jsx b/packages/admin-ui/src/pages/SessionManagement/SessionManagement.jsx
index ec64df8e..445e885e 100644
--- a/packages/admin-ui/src/pages/SessionManagement/SessionManagement.jsx
+++ b/packages/admin-ui/src/pages/SessionManagement/SessionManagement.jsx
@@ -2,12 +2,12 @@ import IconButton from '@mui/material/IconButton'
 import { useQuery, useMutation, gql } from '@apollo/client'
 import * as R from 'ramda'
 import React from 'react'
-import TitleSection from 'src/components/layout/TitleSection'
-import DataTable from 'src/components/tables/DataTable'
-import DeleteIcon from 'src/styling/icons/action/delete/enabled.svg?react'
+import TitleSection from '../../components/layout/TitleSection'
+import DataTable from '../../components/tables/DataTable'
+import DeleteIcon from '../../styling/icons/action/delete/enabled.svg?react'
 import parser from 'ua-parser-js'
 
-import { formatDate } from 'src/utils/timezones'
+import { formatDate } from '../../utils/timezones'
 import SvgIcon from '@mui/material/SvgIcon'
 
 const GET_SESSIONS = gql`
diff --git a/packages/admin-ui/src/pages/Transactions/DetailsCard.jsx b/packages/admin-ui/src/pages/Transactions/DetailsCard.jsx
index cf3799aa..4d1031ad 100644
--- a/packages/admin-ui/src/pages/Transactions/DetailsCard.jsx
+++ b/packages/admin-ui/src/pages/Transactions/DetailsCard.jsx
@@ -7,31 +7,31 @@ import FileSaver from 'file-saver'
 import JSZip from 'jszip'
 import * as R from 'ramda'
 import React, { memo, useState } from 'react'
-import { ConfirmDialog } from 'src/components/ConfirmDialog'
-import { HelpTooltip } from 'src/components/Tooltip'
-import { P, Label1 } from 'src/components/typography'
-import CardIdInverseIcon from 'src/styling/icons/ID/card/white.svg?react'
-import CardIdIcon from 'src/styling/icons/ID/card/zodiac.svg?react'
-import PhoneIdInverseIcon from 'src/styling/icons/ID/phone/white.svg?react'
-import PhoneIdIcon from 'src/styling/icons/ID/phone/zodiac.svg?react'
-import CamIdInverseIcon from 'src/styling/icons/ID/photo/white.svg?react'
-import CamIdIcon from 'src/styling/icons/ID/photo/zodiac.svg?react'
-import CancelInverseIcon from 'src/styling/icons/button/cancel/white.svg?react'
-import CancelIcon from 'src/styling/icons/button/cancel/zodiac.svg?react'
-import DownloadInverseIcon from 'src/styling/icons/button/download/white.svg?react'
-import Download from 'src/styling/icons/button/download/zodiac.svg?react'
-import TxInIcon from 'src/styling/icons/direction/cash-in.svg?react'
-import TxOutIcon from 'src/styling/icons/direction/cash-out.svg?react'
+import { ConfirmDialog } from '../../components/ConfirmDialog'
+import { HelpTooltip } from '../../components/Tooltip'
+import { P, Label1 } from '../../components/typography'
+import CardIdInverseIcon from '../../styling/icons/ID/card/white.svg?react'
+import CardIdIcon from '../../styling/icons/ID/card/zodiac.svg?react'
+import PhoneIdInverseIcon from '../../styling/icons/ID/phone/white.svg?react'
+import PhoneIdIcon from '../../styling/icons/ID/phone/zodiac.svg?react'
+import CamIdInverseIcon from '../../styling/icons/ID/photo/white.svg?react'
+import CamIdIcon from '../../styling/icons/ID/photo/zodiac.svg?react'
+import CancelInverseIcon from '../../styling/icons/button/cancel/white.svg?react'
+import CancelIcon from '../../styling/icons/button/cancel/zodiac.svg?react'
+import DownloadInverseIcon from '../../styling/icons/button/download/white.svg?react'
+import Download from '../../styling/icons/button/download/zodiac.svg?react'
+import TxInIcon from '../../styling/icons/direction/cash-in.svg?react'
+import TxOutIcon from '../../styling/icons/direction/cash-out.svg?react'
 
-import { IDButton, ActionButton } from 'src/components/buttons'
+import { IDButton, ActionButton } from '../../components/buttons'
 import {
   primaryColor,
   subheaderColor,
   errorColor,
   offErrorColor,
-} from 'src/styling/variables'
-import { SWEEPABLE_CRYPTOS } from 'src/utils/constants'
-import * as Customer from 'src/utils/customer'
+} from '../../styling/variables'
+import { SWEEPABLE_CRYPTOS } from '../../utils/constants'
+import * as Customer from '../../utils/customer'
 
 import CopyToClipboard from '../../components/CopyToClipboard.jsx'
 import { getStatus, getStatusDetails } from './helper'
diff --git a/packages/admin-ui/src/pages/Transactions/Transactions.jsx b/packages/admin-ui/src/pages/Transactions/Transactions.jsx
index f385231a..2ffa544d 100644
--- a/packages/admin-ui/src/pages/Transactions/Transactions.jsx
+++ b/packages/admin-ui/src/pages/Transactions/Transactions.jsx
@@ -4,20 +4,20 @@ import BigNumber from 'bignumber.js'
 import * as R from 'ramda'
 import React, { useEffect, useState } from 'react'
 import { useHistory } from 'react-router-dom'
-import LogsDowloaderPopover from 'src/components/LogsDownloaderPopper'
-import SearchBox from 'src/components/SearchBox'
-import SearchFilter from 'src/components/SearchFilter'
-import { HelpTooltip } from 'src/components/Tooltip'
-import DataTable from 'src/components/tables/DataTable'
-import TxInIcon from 'src/styling/icons/direction/cash-in.svg?react'
-import TxOutIcon from 'src/styling/icons/direction/cash-out.svg?react'
-import CustomerLinkIcon from 'src/styling/icons/month arrows/right.svg?react'
-import CustomerLinkWhiteIcon from 'src/styling/icons/month arrows/right_white.svg?react'
+import LogsDowloaderPopover from '../../components/LogsDownloaderPopper'
+import SearchBox from '../../components/SearchBox'
+import SearchFilter from '../../components/SearchFilter'
+import { HelpTooltip } from '../../components/Tooltip'
+import DataTable from '../../components/tables/DataTable'
+import TxInIcon from '../../styling/icons/direction/cash-in.svg?react'
+import TxOutIcon from '../../styling/icons/direction/cash-out.svg?react'
+import CustomerLinkIcon from '../../styling/icons/month arrows/right.svg?react'
+import CustomerLinkWhiteIcon from '../../styling/icons/month arrows/right_white.svg?react'
 
-import { SupportLinkButton } from 'src/components/buttons'
-import { errorColor } from 'src/styling/variables'
-import * as Customer from 'src/utils/customer'
-import { formatDate } from 'src/utils/timezones'
+import { SupportLinkButton } from '../../components/buttons'
+import { errorColor } from '../../styling/variables'
+import * as Customer from '../../utils/customer'
+import { formatDate } from '../../utils/timezones'
 
 import DetailsRow from './DetailsCard'
 import { getStatus } from './helper'
diff --git a/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/CustomInfoRequests.jsx b/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/CustomInfoRequests.jsx
index 260ef1e9..d7713474 100644
--- a/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/CustomInfoRequests.jsx
+++ b/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/CustomInfoRequests.jsx
@@ -2,14 +2,14 @@ import IconButton from '@mui/material/IconButton'
 import { useMutation, useQuery, gql } from '@apollo/client'
 import * as R from 'ramda'
 import React, { useState } from 'react'
-import { DeleteDialog } from 'src/components/DeleteDialog'
-import DataTable from 'src/components/tables/DataTable'
-import { Info1, Info3, P } from 'src/components/typography'
-import DeleteIcon from 'src/styling/icons/action/delete/enabled.svg?react'
-import EditIcon from 'src/styling/icons/action/edit/enabled.svg?react'
+import { DeleteDialog } from '../../../components/DeleteDialog'
+import DataTable from '../../../components/tables/DataTable'
+import { Info1, Info3, P } from '../../../components/typography'
+import DeleteIcon from '../../../styling/icons/action/delete/enabled.svg?react'
+import EditIcon from '../../../styling/icons/action/edit/enabled.svg?react'
 
-import { Button, Link } from 'src/components/buttons'
-import { fromNamespace, namespaces, toNamespace } from 'src/utils/config'
+import { Button, Link } from '../../../components/buttons'
+import { fromNamespace, namespaces, toNamespace } from '../../../utils/config'
 
 import DetailsRow from './DetailsCard'
 import Wizard from './Wizard'
diff --git a/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/DetailsCard.jsx b/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/DetailsCard.jsx
index fd3d0d2e..b5a0d925 100644
--- a/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/DetailsCard.jsx
+++ b/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/DetailsCard.jsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import { Label1, Info2 } from 'src/components/typography'
+import { Label1, Info2 } from '../../../components/typography'
 
 const DetailsCard = ({ it }) => {
   const customRequest = it.customRequest
diff --git a/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Forms/ChooseType.jsx b/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Forms/ChooseType.jsx
index 8a52f818..1ad41ceb 100644
--- a/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Forms/ChooseType.jsx
+++ b/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Forms/ChooseType.jsx
@@ -1,13 +1,13 @@
 import { Field } from 'formik'
 import React from 'react'
-import ToggleButtonGroup from 'src/components/inputs/formik/ToggleButtonGroup'
-import { H4 } from 'src/components/typography'
-import Keyboard from 'src/styling/icons/compliance/keyboard.svg?react'
-import Keypad from 'src/styling/icons/compliance/keypad.svg?react'
-import List from 'src/styling/icons/compliance/list.svg?react'
+import ToggleButtonGroup from '../../../../components/inputs/formik/ToggleButtonGroup'
+import { H4 } from '../../../../components/typography'
+import Keyboard from '../../../../styling/icons/compliance/keyboard.svg?react'
+import Keypad from '../../../../styling/icons/compliance/keypad.svg?react'
+import List from '../../../../styling/icons/compliance/list.svg?react'
 import * as Yup from 'yup'
 
-import { zircon } from 'src/styling/variables'
+import { zircon } from '../../../../styling/variables'
 
 const MakeIcon = IconSvg => (
   <div
diff --git a/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Forms/NameOfRequirement.jsx b/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Forms/NameOfRequirement.jsx
index 70f95c64..95f365c7 100644
--- a/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Forms/NameOfRequirement.jsx
+++ b/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Forms/NameOfRequirement.jsx
@@ -1,8 +1,8 @@
 import { Field } from 'formik'
 import * as R from 'ramda'
 import React from 'react'
-import TextInputFormik from 'src/components/inputs/formik/TextInput'
-import { H4, P } from 'src/components/typography'
+import TextInputFormik from '../../../../components/inputs/formik/TextInput'
+import { H4, P } from '../../../../components/typography'
 import * as Yup from 'yup'
 
 const NameOfRequirement = () => {
diff --git a/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Forms/Screen1Information.jsx b/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Forms/Screen1Information.jsx
index 7433ce63..e9d3f068 100644
--- a/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Forms/Screen1Information.jsx
+++ b/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Forms/Screen1Information.jsx
@@ -1,7 +1,7 @@
 import { Field } from 'formik'
 import React from 'react'
-import TextInputFormik from 'src/components/inputs/formik/TextInput'
-import { H4, P } from 'src/components/typography'
+import TextInputFormik from '../../../../components/inputs/formik/TextInput'
+import { H4, P } from '../../../../components/typography'
 import * as Yup from 'yup'
 
 const Screen1Information = () => {
diff --git a/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Forms/Screen2Information.jsx b/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Forms/Screen2Information.jsx
index b531c31d..cc77dafb 100644
--- a/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Forms/Screen2Information.jsx
+++ b/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Forms/Screen2Information.jsx
@@ -1,7 +1,7 @@
 import { Field } from 'formik'
 import React from 'react'
-import TextInputFormik from 'src/components/inputs/formik/TextInput'
-import { H4, P } from 'src/components/typography'
+import TextInputFormik from '../../../../components/inputs/formik/TextInput'
+import { H4, P } from '../../../../components/typography'
 import * as Yup from 'yup'
 
 const ScreenInformation = () => {
diff --git a/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Forms/TypeFields/ChoiceList.jsx b/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Forms/TypeFields/ChoiceList.jsx
index 2ce9a71c..c58e0389 100644
--- a/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Forms/TypeFields/ChoiceList.jsx
+++ b/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Forms/TypeFields/ChoiceList.jsx
@@ -2,12 +2,12 @@ import classnames from 'classnames'
 import { Field, useFormikContext, FieldArray } from 'formik'
 import * as R from 'ramda'
 import React, { useEffect, useRef } from 'react'
-import Button from 'src/components/buttons/ActionButton'
-import RadioGroup from 'src/components/inputs/formik/RadioGroup'
-import TextInput from 'src/components/inputs/formik/TextInput'
-import { H4 } from 'src/components/typography'
-import AddIconInverse from 'src/styling/icons/button/add/white.svg?react'
-import AddIcon from 'src/styling/icons/button/add/zodiac.svg?react'
+import Button from '../../../../../components/buttons/ActionButton'
+import RadioGroup from '../../../../../components/inputs/formik/RadioGroup'
+import TextInput from '../../../../../components/inputs/formik/TextInput'
+import { H4 } from '../../../../../components/typography'
+import AddIconInverse from '../../../../../styling/icons/button/add/white.svg?react'
+import AddIcon from '../../../../../styling/icons/button/add/zodiac.svg?react'
 
 const nonEmptyStr = obj => obj.text && obj.text.length
 
diff --git a/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Forms/TypeFields/NumericalEntry.jsx b/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Forms/TypeFields/NumericalEntry.jsx
index b6a6da64..a4749243 100644
--- a/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Forms/TypeFields/NumericalEntry.jsx
+++ b/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Forms/TypeFields/NumericalEntry.jsx
@@ -2,9 +2,9 @@ import classnames from 'classnames'
 import { Field, useFormikContext } from 'formik'
 import * as R from 'ramda'
 import React from 'react'
-import NumberInput from 'src/components/inputs/formik/NumberInput'
-import RadioGroup from 'src/components/inputs/formik/RadioGroup'
-import { TL1, H4 } from 'src/components/typography'
+import NumberInput from '../../../../../components/inputs/formik/NumberInput'
+import RadioGroup from '../../../../../components/inputs/formik/RadioGroup'
+import { TL1, H4 } from '../../../../../components/typography'
 
 const options = [
   { display: 'None', code: 'none' },
diff --git a/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Forms/TypeFields/TextEntry.jsx b/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Forms/TypeFields/TextEntry.jsx
index dc07e766..e3fede76 100644
--- a/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Forms/TypeFields/TextEntry.jsx
+++ b/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Forms/TypeFields/TextEntry.jsx
@@ -2,9 +2,9 @@ import classnames from 'classnames'
 import { Field, useFormikContext } from 'formik'
 import * as R from 'ramda'
 import React from 'react'
-import RadioGroup from 'src/components/inputs/formik/RadioGroup'
-import TextInput from 'src/components/inputs/formik/TextInput'
-import { H4 } from 'src/components/typography'
+import RadioGroup from '../../../../../components/inputs/formik/RadioGroup'
+import TextInput from '../../../../../components/inputs/formik/TextInput'
+import { H4 } from '../../../../../components/typography'
 
 const options = [
   { display: 'None', code: 'none' },
diff --git a/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Wizard.jsx b/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Wizard.jsx
index a0c2c669..33e543be 100644
--- a/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Wizard.jsx
+++ b/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Wizard.jsx
@@ -1,11 +1,11 @@
 import { Form, Formik } from 'formik'
 import * as R from 'ramda'
 import React, { useState } from 'react'
-import ErrorMessage from 'src/components/ErrorMessage'
-import Modal from 'src/components/Modal'
-import Stepper from 'src/components/Stepper'
+import ErrorMessage from '../../../components/ErrorMessage'
+import Modal from '../../../components/Modal'
+import Stepper from '../../../components/Stepper'
 
-import { Button } from 'src/components/buttons'
+import { Button } from '../../../components/buttons'
 
 import ChooseType, {
   validationSchema as chooseTypeSchema,
diff --git a/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/WizardSplash.jsx b/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/WizardSplash.jsx
index 421a0402..1f43a225 100644
--- a/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/WizardSplash.jsx
+++ b/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/WizardSplash.jsx
@@ -1,8 +1,8 @@
 import React from 'react'
-import { H1, P } from 'src/components/typography'
-import CustomReqLogo from 'src/styling/icons/compliance/custom-requirement.svg?react'
+import { H1, P } from '../../../components/typography'
+import CustomReqLogo from '../../../styling/icons/compliance/custom-requirement.svg?react'
 
-import { Button } from 'src/components/buttons'
+import { Button } from '../../../components/buttons'
 
 const WizardSplash = ({ onContinue }) => {
   return (
diff --git a/packages/admin-ui/src/pages/Triggers/TriggerView.jsx b/packages/admin-ui/src/pages/Triggers/TriggerView.jsx
index 871e1602..80b1e32e 100644
--- a/packages/admin-ui/src/pages/Triggers/TriggerView.jsx
+++ b/packages/admin-ui/src/pages/Triggers/TriggerView.jsx
@@ -1,12 +1,12 @@
 import { useMutation, gql } from '@apollo/client'
 import * as R from 'ramda'
 import React, { useState } from 'react'
-import { H2 } from 'src/components/typography'
+import { H2 } from '../../components/typography'
 import { v4 as uuidv4 } from 'uuid'
 
-import { Button } from 'src/components/buttons'
-import { Table as EditableTable } from 'src/components/editableTable'
-import { fromNamespace, namespaces } from 'src/utils/config'
+import { Button } from '../../components/buttons'
+import { Table as EditableTable } from '../../components/editableTable'
+import { fromNamespace, namespaces } from '../../utils/config'
 
 import Wizard from './Wizard'
 import { Schema, getElements, sortBy, toServer } from './helper'
diff --git a/packages/admin-ui/src/pages/Triggers/Triggers.jsx b/packages/admin-ui/src/pages/Triggers/Triggers.jsx
index 7212950f..ad94af61 100644
--- a/packages/admin-ui/src/pages/Triggers/Triggers.jsx
+++ b/packages/admin-ui/src/pages/Triggers/Triggers.jsx
@@ -3,19 +3,19 @@ import Switch from '@mui/material/Switch'
 import classnames from 'classnames'
 import * as R from 'ramda'
 import React, { useState } from 'react'
-import Modal from 'src/components/Modal'
-import { HelpTooltip } from 'src/components/Tooltip'
-import TitleSection from 'src/components/layout/TitleSection'
-import { P, Label2 } from 'src/components/typography'
-import FormRenderer from 'src/pages/Services/FormRenderer'
-import ReverseCustomInfoIcon from 'src/styling/icons/circle buttons/filter/white.svg?react'
-import CustomInfoIcon from 'src/styling/icons/circle buttons/filter/zodiac.svg?react'
-import ReverseSettingsIcon from 'src/styling/icons/circle buttons/settings/white.svg?react'
-import SettingsIcon from 'src/styling/icons/circle buttons/settings/zodiac.svg?react'
+import Modal from '../../components/Modal'
+import { HelpTooltip } from '../../components/Tooltip'
+import TitleSection from '../../components/layout/TitleSection'
+import { P, Label2 } from '../../components/typography'
+import FormRenderer from '../Services/FormRenderer'
+import ReverseCustomInfoIcon from '../../styling/icons/circle buttons/filter/white.svg?react'
+import CustomInfoIcon from '../../styling/icons/circle buttons/filter/zodiac.svg?react'
+import ReverseSettingsIcon from '../../styling/icons/circle buttons/settings/white.svg?react'
+import SettingsIcon from '../../styling/icons/circle buttons/settings/zodiac.svg?react'
 
-import { Link, SupportLinkButton } from 'src/components/buttons'
-import twilioSchema from 'src/pages/Services/schemas/twilio'
-import { fromNamespace, toNamespace } from 'src/utils/config'
+import { Link, SupportLinkButton } from '../../components/buttons'
+import twilioSchema from '../Services/schemas/twilio'
+import { fromNamespace, toNamespace } from '../../utils/config'
 
 import CustomInfoRequests from './CustomInfoRequests'
 import TriggerView from './TriggerView'
diff --git a/packages/admin-ui/src/pages/Triggers/Wizard.jsx b/packages/admin-ui/src/pages/Triggers/Wizard.jsx
index 492e1f6a..d99a191b 100644
--- a/packages/admin-ui/src/pages/Triggers/Wizard.jsx
+++ b/packages/admin-ui/src/pages/Triggers/Wizard.jsx
@@ -1,13 +1,13 @@
 import { Form, Formik, useFormikContext } from 'formik'
 import * as R from 'ramda'
 import React, { useState, Fragment, useEffect } from 'react'
-import ErrorMessage from 'src/components/ErrorMessage'
-import Modal from 'src/components/Modal'
-import Stepper from 'src/components/Stepper'
-import { H5, Info3 } from 'src/components/typography'
+import ErrorMessage from '../../components/ErrorMessage'
+import Modal from '../../components/Modal'
+import Stepper from '../../components/Stepper'
+import { H5, Info3 } from '../../components/typography'
 
-import { Button } from 'src/components/buttons'
-import { singularOrPlural } from 'src/utils/string'
+import { Button } from '../../components/buttons'
+import { singularOrPlural } from '../../utils/string'
 
 import { type, requirements } from './helper'
 
diff --git a/packages/admin-ui/src/pages/Triggers/components/AdvancedTriggers.jsx b/packages/admin-ui/src/pages/Triggers/components/AdvancedTriggers.jsx
index b51849da..2dc8e18e 100644
--- a/packages/admin-ui/src/pages/Triggers/components/AdvancedTriggers.jsx
+++ b/packages/admin-ui/src/pages/Triggers/components/AdvancedTriggers.jsx
@@ -1,10 +1,10 @@
 import { useMutation, useQuery, gql } from '@apollo/client'
 import * as R from 'ramda'
 import React, { memo, useState } from 'react'
-import Section from 'src/components/layout/Section'
+import Section from '../../../components/layout/Section'
 
-import { Table as EditableTable } from 'src/components/editableTable'
-import { fromNamespace, toNamespace, namespaces } from 'src/utils/config'
+import { Table as EditableTable } from '../../../components/editableTable'
+import { fromNamespace, toNamespace, namespaces } from '../../../utils/config'
 
 import {
   defaultSchema,
diff --git a/packages/admin-ui/src/pages/Triggers/components/helper.js b/packages/admin-ui/src/pages/Triggers/components/helper.js
index 26690843..f183d1f4 100644
--- a/packages/admin-ui/src/pages/Triggers/components/helper.js
+++ b/packages/admin-ui/src/pages/Triggers/components/helper.js
@@ -1,6 +1,6 @@
 import * as R from 'ramda'
-import Autocomplete from 'src/components/inputs/formik/Autocomplete'
-import { getView } from 'src/pages/Triggers/helper'
+import Autocomplete from '../../../components/inputs/formik/Autocomplete'
+import { getView } from '../helper'
 import * as Yup from 'yup'
 
 const buildAdvancedRequirementOptions = customInfoRequests => {
diff --git a/packages/admin-ui/src/pages/Triggers/helper.jsx b/packages/admin-ui/src/pages/Triggers/helper.jsx
index 55506b6d..eb536dd0 100644
--- a/packages/admin-ui/src/pages/Triggers/helper.jsx
+++ b/packages/admin-ui/src/pages/Triggers/helper.jsx
@@ -2,12 +2,16 @@ import classnames from 'classnames'
 import { Field, useFormikContext } from 'formik'
 import * as R from 'ramda'
 import React, { memo } from 'react'
-import { H4, Label2, Label1, Info1, Info2 } from 'src/components/typography'
+import { H4, Label2, Label1, Info1, Info2 } from '../../components/typography'
 import * as Yup from 'yup'
 
-import { NumberInput, RadioGroup, Dropdown } from 'src/components/inputs/formik'
-import { transformNumber } from 'src/utils/number'
-import { onlyFirstToUpper } from 'src/utils/string'
+import {
+  NumberInput,
+  RadioGroup,
+  Dropdown,
+} from '../../components/inputs/formik'
+import { transformNumber } from '../../utils/number'
+import { onlyFirstToUpper } from '../../utils/string'
 
 const triggerType = Yup.string().required()
 const threshold = Yup.object().shape({
diff --git a/packages/admin-ui/src/pages/UserManagement/UserManagement.jsx b/packages/admin-ui/src/pages/UserManagement/UserManagement.jsx
index 85b25245..71843f55 100644
--- a/packages/admin-ui/src/pages/UserManagement/UserManagement.jsx
+++ b/packages/admin-ui/src/pages/UserManagement/UserManagement.jsx
@@ -4,18 +4,18 @@ import Switch from '@mui/material/Switch'
 import { startAttestation } from '@simplewebauthn/browser'
 import * as R from 'ramda'
 import React, { useReducer, useState, useContext } from 'react'
-import TitleSection from 'src/components/layout/TitleSection'
-import DataTable from 'src/components/tables/DataTable'
-import WhiteKeyIcon from 'src/styling/icons/button/key/white.svg?react'
-import KeyIcon from 'src/styling/icons/button/key/zodiac.svg?react'
-import WhiteLockIcon from 'src/styling/icons/button/lock/white.svg?react'
-import LockIcon from 'src/styling/icons/button/lock/zodiac.svg?react'
-import WhiteUserRoleIcon from 'src/styling/icons/button/user-role/white.svg?react'
-import UserRoleIcon from 'src/styling/icons/button/user-role/zodiac.svg?react'
+import TitleSection from '../../components/layout/TitleSection'
+import DataTable from '../../components/tables/DataTable'
+import WhiteKeyIcon from '../../styling/icons/button/key/white.svg?react'
+import KeyIcon from '../../styling/icons/button/key/zodiac.svg?react'
+import WhiteLockIcon from '../../styling/icons/button/lock/white.svg?react'
+import LockIcon from '../../styling/icons/button/lock/zodiac.svg?react'
+import WhiteUserRoleIcon from '../../styling/icons/button/user-role/white.svg?react'
+import UserRoleIcon from '../../styling/icons/button/user-role/zodiac.svg?react'
 
-import AppContext from 'src/AppContext'
-import { ActionButton, Link } from 'src/components/buttons'
-import { IP_CHECK_REGEX } from 'src/utils/constants'
+import AppContext from '../../AppContext'
+import { ActionButton, Link } from '../../components/buttons'
+import { IP_CHECK_REGEX } from '../../utils/constants'
 
 import ChangeRoleModal from './modals/ChangeRoleModal'
 import CreateUserModal from './modals/CreateUserModal'
diff --git a/packages/admin-ui/src/pages/UserManagement/modals/ChangeRoleModal.jsx b/packages/admin-ui/src/pages/UserManagement/modals/ChangeRoleModal.jsx
index a5a0f6cb..6d08b7bc 100644
--- a/packages/admin-ui/src/pages/UserManagement/modals/ChangeRoleModal.jsx
+++ b/packages/admin-ui/src/pages/UserManagement/modals/ChangeRoleModal.jsx
@@ -1,10 +1,10 @@
 import { useMutation, gql } from '@apollo/client'
 import React, { useState } from 'react'
-import ErrorMessage from 'src/components/ErrorMessage'
-import Modal from 'src/components/Modal'
-import { Info2, P } from 'src/components/typography'
+import ErrorMessage from '../../../components/ErrorMessage'
+import Modal from '../../../components/Modal'
+import { Info2, P } from '../../../components/typography'
 
-import { Button } from 'src/components/buttons'
+import { Button } from '../../../components/buttons'
 
 import Input2FAModal from './Input2FAModal'
 import classes from '../UserManagement.module.css'
diff --git a/packages/admin-ui/src/pages/UserManagement/modals/CreateUserModal.jsx b/packages/admin-ui/src/pages/UserManagement/modals/CreateUserModal.jsx
index c801ecd0..9f2b6da1 100644
--- a/packages/admin-ui/src/pages/UserManagement/modals/CreateUserModal.jsx
+++ b/packages/admin-ui/src/pages/UserManagement/modals/CreateUserModal.jsx
@@ -2,15 +2,15 @@ import { useMutation, gql } from '@apollo/client'
 import classnames from 'classnames'
 import { Field, Form, Formik } from 'formik'
 import React, { useState } from 'react'
-import ErrorMessage from 'src/components/ErrorMessage'
-import Modal from 'src/components/Modal'
-import { H1, H3, Info2, P, Mono } from 'src/components/typography'
-import CopyToClipboard from 'src/components/CopyToClipboard.jsx'
+import ErrorMessage from '../../../components/ErrorMessage'
+import Modal from '../../../components/Modal'
+import { H1, H3, Info2, P, Mono } from '../../../components/typography'
+import CopyToClipboard from '../../../components/CopyToClipboard.jsx'
 import * as Yup from 'yup'
 
-import { Button } from 'src/components/buttons'
-import { TextInput, RadioGroup } from 'src/components/inputs/formik'
-import { urlResolver } from 'src/utils/urlResolver'
+import { Button } from '../../../components/buttons'
+import { TextInput, RadioGroup } from '../../../components/inputs/formik'
+import { urlResolver } from '../../../utils/urlResolver'
 
 import classes from '../UserManagement.module.css'
 
diff --git a/packages/admin-ui/src/pages/UserManagement/modals/EnableUserModal.jsx b/packages/admin-ui/src/pages/UserManagement/modals/EnableUserModal.jsx
index c1c4bd7a..07053597 100644
--- a/packages/admin-ui/src/pages/UserManagement/modals/EnableUserModal.jsx
+++ b/packages/admin-ui/src/pages/UserManagement/modals/EnableUserModal.jsx
@@ -1,10 +1,10 @@
 import { useMutation, gql } from '@apollo/client'
 import React, { useState } from 'react'
-import ErrorMessage from 'src/components/ErrorMessage'
-import Modal from 'src/components/Modal'
-import { Info2, P } from 'src/components/typography'
+import ErrorMessage from '../../../components/ErrorMessage'
+import Modal from '../../../components/Modal'
+import { Info2, P } from '../../../components/typography'
 
-import { Button } from 'src/components/buttons'
+import { Button } from '../../../components/buttons'
 
 import Input2FAModal from './Input2FAModal'
 import classes from '../UserManagement.module.css'
diff --git a/packages/admin-ui/src/pages/UserManagement/modals/FIDOModal.jsx b/packages/admin-ui/src/pages/UserManagement/modals/FIDOModal.jsx
index d1304d19..b6456b60 100644
--- a/packages/admin-ui/src/pages/UserManagement/modals/FIDOModal.jsx
+++ b/packages/admin-ui/src/pages/UserManagement/modals/FIDOModal.jsx
@@ -1,8 +1,8 @@
 import React from 'react'
 
-import Modal from 'src/components/Modal'
-import { Info2, P } from 'src/components/typography'
-import { Button } from 'src/components/buttons'
+import Modal from '../../../components/Modal'
+import { Info2, P } from '../../../components/typography'
+import { Button } from '../../../components/buttons'
 
 import classes from '../UserManagement.module.css'
 
diff --git a/packages/admin-ui/src/pages/UserManagement/modals/Input2FAModal.jsx b/packages/admin-ui/src/pages/UserManagement/modals/Input2FAModal.jsx
index 2730aab1..17fbd18c 100644
--- a/packages/admin-ui/src/pages/UserManagement/modals/Input2FAModal.jsx
+++ b/packages/admin-ui/src/pages/UserManagement/modals/Input2FAModal.jsx
@@ -2,10 +2,10 @@ import { useLazyQuery, gql } from '@apollo/client'
 import { Form, Formik } from 'formik'
 import React, { useState } from 'react'
 
-import Modal from 'src/components/Modal'
-import { Info2, P } from 'src/components/typography'
-import { Button } from 'src/components/buttons'
-import { CodeInput } from 'src/components/inputs/base'
+import Modal from '../../../components/Modal'
+import { Info2, P } from '../../../components/typography'
+import { Button } from '../../../components/buttons'
+import { CodeInput } from '../../../components/inputs/base'
 
 import classes from '../UserManagement.module.css'
 
diff --git a/packages/admin-ui/src/pages/UserManagement/modals/Reset2FAModal.jsx b/packages/admin-ui/src/pages/UserManagement/modals/Reset2FAModal.jsx
index 1cf5ae78..160f145f 100644
--- a/packages/admin-ui/src/pages/UserManagement/modals/Reset2FAModal.jsx
+++ b/packages/admin-ui/src/pages/UserManagement/modals/Reset2FAModal.jsx
@@ -1,11 +1,11 @@
 import { useMutation, gql } from '@apollo/client'
 import React, { useEffect, useState } from 'react'
 
-import ErrorMessage from 'src/components/ErrorMessage'
-import Modal from 'src/components/Modal'
-import { Info2, P, Mono } from 'src/components/typography'
-import CopyToClipboard from 'src/components/CopyToClipboard.jsx'
-import { urlResolver } from 'src/utils/urlResolver'
+import ErrorMessage from '../../../components/ErrorMessage'
+import Modal from '../../../components/Modal'
+import { Info2, P, Mono } from '../../../components/typography'
+import CopyToClipboard from '../../../components/CopyToClipboard.jsx'
+import { urlResolver } from '../../../utils/urlResolver'
 
 import Input2FAModal from './Input2FAModal'
 import classes from '../UserManagement.module.css'
diff --git a/packages/admin-ui/src/pages/UserManagement/modals/ResetPasswordModal.jsx b/packages/admin-ui/src/pages/UserManagement/modals/ResetPasswordModal.jsx
index 1f8da1bc..6acab709 100644
--- a/packages/admin-ui/src/pages/UserManagement/modals/ResetPasswordModal.jsx
+++ b/packages/admin-ui/src/pages/UserManagement/modals/ResetPasswordModal.jsx
@@ -1,11 +1,11 @@
 import { useMutation, gql } from '@apollo/client'
 import React, { useEffect, useState } from 'react'
-import ErrorMessage from 'src/components/ErrorMessage'
-import Modal from 'src/components/Modal'
-import { Info2, P, Mono } from 'src/components/typography'
-import CopyToClipboard from 'src/components/CopyToClipboard.jsx'
+import ErrorMessage from '../../../components/ErrorMessage'
+import Modal from '../../../components/Modal'
+import { Info2, P, Mono } from '../../../components/typography'
+import CopyToClipboard from '../../../components/CopyToClipboard.jsx'
 
-import { urlResolver } from 'src/utils/urlResolver'
+import { urlResolver } from '../../../utils/urlResolver'
 
 import Input2FAModal from './Input2FAModal'
 import classes from '../UserManagement.module.css'
diff --git a/packages/admin-ui/src/pages/Wallet/AdvancedWallet.jsx b/packages/admin-ui/src/pages/Wallet/AdvancedWallet.jsx
index d54600e7..a2f280c5 100644
--- a/packages/admin-ui/src/pages/Wallet/AdvancedWallet.jsx
+++ b/packages/admin-ui/src/pages/Wallet/AdvancedWallet.jsx
@@ -1,10 +1,10 @@
 import { useQuery, useMutation, gql } from '@apollo/client'
 import * as R from 'ramda'
 import React, { useState } from 'react'
-import Section from 'src/components/layout/Section'
+import Section from '../../components/layout/Section'
 
-import { Table as EditableTable } from 'src/components/editableTable'
-import { fromNamespace, toNamespace, namespaces } from 'src/utils/config'
+import { Table as EditableTable } from '../../components/editableTable'
+import { fromNamespace, toNamespace, namespaces } from '../../utils/config'
 
 import {
   AdvancedWalletSchema,
diff --git a/packages/admin-ui/src/pages/Wallet/Wallet.jsx b/packages/admin-ui/src/pages/Wallet/Wallet.jsx
index 67704801..c19772f6 100644
--- a/packages/admin-ui/src/pages/Wallet/Wallet.jsx
+++ b/packages/admin-ui/src/pages/Wallet/Wallet.jsx
@@ -1,17 +1,17 @@
 import { useQuery, useMutation, gql } from '@apollo/client'
 import * as R from 'ramda'
 import React, { useState } from 'react'
-import Modal from 'src/components/Modal'
-import { HelpTooltip } from 'src/components/Tooltip'
-import TitleSection from 'src/components/layout/TitleSection'
-import FormRenderer from 'src/pages/Services/FormRenderer'
-import ReverseSettingsIcon from 'src/styling/icons/circle buttons/settings/white.svg?react'
-import SettingsIcon from 'src/styling/icons/circle buttons/settings/zodiac.svg?react'
+import Modal from '../../components/Modal'
+import { HelpTooltip } from '../../components/Tooltip'
+import TitleSection from '../../components/layout/TitleSection'
+import FormRenderer from '../Services/FormRenderer'
+import ReverseSettingsIcon from '../../styling/icons/circle buttons/settings/white.svg?react'
+import SettingsIcon from '../../styling/icons/circle buttons/settings/zodiac.svg?react'
 
-import { SupportLinkButton } from 'src/components/buttons'
-import { NamespacedTable as EditableTable } from 'src/components/editableTable'
-import _schemas from 'src/pages/Services/schemas'
-import { fromNamespace, toNamespace } from 'src/utils/config'
+import { SupportLinkButton } from '../../components/buttons'
+import { NamespacedTable as EditableTable } from '../../components/editableTable'
+import _schemas from '../Services/schemas'
+import { fromNamespace, toNamespace } from '../../utils/config'
 
 import { P } from '../../components/typography'
 
diff --git a/packages/admin-ui/src/pages/Wallet/Wizard.jsx b/packages/admin-ui/src/pages/Wallet/Wizard.jsx
index 2321ab47..806e4a19 100644
--- a/packages/admin-ui/src/pages/Wallet/Wizard.jsx
+++ b/packages/admin-ui/src/pages/Wallet/Wizard.jsx
@@ -1,10 +1,10 @@
 import * as R from 'ramda'
 import React, { useState } from 'react'
-import Modal from 'src/components/Modal'
+import Modal from '../../components/Modal'
 import * as Yup from 'yup'
 
-import _schema from 'src/pages/Services/schemas'
-import { toNamespace } from 'src/utils/config'
+import _schema from '../Services/schemas'
+import { toNamespace } from '../../utils/config'
 
 import WizardSplash from './WizardSplash'
 import WizardStep from './WizardStep'
diff --git a/packages/admin-ui/src/pages/Wallet/WizardSplash.jsx b/packages/admin-ui/src/pages/Wallet/WizardSplash.jsx
index 48f0dc70..73fad9d8 100644
--- a/packages/admin-ui/src/pages/Wallet/WizardSplash.jsx
+++ b/packages/admin-ui/src/pages/Wallet/WizardSplash.jsx
@@ -1,17 +1,17 @@
 import React from 'react'
-import { H1, P } from 'src/components/typography'
-import BitcoinLogo from 'src/styling/logos/icon-bitcoin-colour.svg?react'
-import BitcoinCashLogo from 'src/styling/logos/icon-bitcoincash-colour.svg?react'
-import DashLogo from 'src/styling/logos/icon-dash-colour.svg?react'
-import EthereumLogo from 'src/styling/logos/icon-ethereum-colour.svg?react'
-import LitecoinLogo from 'src/styling/logos/icon-litecoin-colour.svg?react'
-import MoneroLogo from 'src/styling/logos/icon-monero-colour.svg?react'
-import TetherLogo from 'src/styling/logos/icon-tether-colour.svg?react'
-import TronLogo from 'src/styling/logos/icon-tron-colour.svg?react'
-import USDCLogo from 'src/styling/logos/icon-usdc-colour.svg?react'
-import ZCashLogo from 'src/styling/logos/icon-zcash-colour.svg?react'
+import { H1, P } from '../../components/typography'
+import BitcoinLogo from '../../styling/logos/icon-bitcoin-colour.svg?react'
+import BitcoinCashLogo from '../../styling/logos/icon-bitcoincash-colour.svg?react'
+import DashLogo from '../../styling/logos/icon-dash-colour.svg?react'
+import EthereumLogo from '../../styling/logos/icon-ethereum-colour.svg?react'
+import LitecoinLogo from '../../styling/logos/icon-litecoin-colour.svg?react'
+import MoneroLogo from '../../styling/logos/icon-monero-colour.svg?react'
+import TetherLogo from '../../styling/logos/icon-tether-colour.svg?react'
+import TronLogo from '../../styling/logos/icon-tron-colour.svg?react'
+import USDCLogo from '../../styling/logos/icon-usdc-colour.svg?react'
+import ZCashLogo from '../../styling/logos/icon-zcash-colour.svg?react'
 
-import { Button } from 'src/components/buttons'
+import { Button } from '../../components/buttons'
 
 const getLogo = code => {
   switch (code) {
diff --git a/packages/admin-ui/src/pages/Wallet/WizardStep.jsx b/packages/admin-ui/src/pages/Wallet/WizardStep.jsx
index 7e4746a6..d41eced9 100644
--- a/packages/admin-ui/src/pages/Wallet/WizardStep.jsx
+++ b/packages/admin-ui/src/pages/Wallet/WizardStep.jsx
@@ -2,15 +2,15 @@ import classnames from 'classnames'
 import { Formik, Form, Field } from 'formik'
 import * as R from 'ramda'
 import React, { useReducer, useEffect } from 'react'
-import ErrorMessage from 'src/components/ErrorMessage'
-import Stepper from 'src/components/Stepper'
-import { H4, Info2 } from 'src/components/typography'
-import FormRenderer from 'src/pages/Services/FormRenderer'
+import ErrorMessage from '../../components/ErrorMessage'
+import Stepper from '../../components/Stepper'
+import { H4, Info2 } from '../../components/typography'
+import FormRenderer from '../Services/FormRenderer'
 
-import { Button } from 'src/components/buttons'
-import { RadioGroup, Autocomplete } from 'src/components/inputs'
-import { NumberInput } from 'src/components/inputs/formik'
-import { startCase } from 'src/utils/string'
+import { Button } from '../../components/buttons'
+import { RadioGroup, Autocomplete } from '../../components/inputs'
+import { NumberInput } from '../../components/inputs/formik'
+import { startCase } from '../../utils/string'
 
 const initialState = {
   form: null,
diff --git a/packages/admin-ui/src/pages/Wallet/helper.jsx b/packages/admin-ui/src/pages/Wallet/helper.jsx
index fc6128fc..d4bccac5 100644
--- a/packages/admin-ui/src/pages/Wallet/helper.jsx
+++ b/packages/admin-ui/src/pages/Wallet/helper.jsx
@@ -7,9 +7,9 @@ import {
   Autocomplete,
   Checkbox,
   NumberInput,
-} from 'src/components/inputs/formik'
-import { CURRENCY_MAX } from 'src/utils/constants'
-import { defaultToZero } from 'src/utils/number'
+} from '../../components/inputs/formik'
+import { CURRENCY_MAX } from '../../utils/constants'
+import { defaultToZero } from '../../utils/number'
 
 const filterClass = type => R.filter(it => it.class === type)
 const filterCoins = ({ id }) => R.filter(it => R.contains(id)(it.cryptos))
diff --git a/packages/admin-ui/src/pages/Wizard/Wizard.jsx b/packages/admin-ui/src/pages/Wizard/Wizard.jsx
index 82123298..0fcd9da7 100644
--- a/packages/admin-ui/src/pages/Wizard/Wizard.jsx
+++ b/packages/admin-ui/src/pages/Wizard/Wizard.jsx
@@ -4,9 +4,9 @@ import DialogContent from '@mui/material/DialogContent'
 import classnames from 'classnames'
 import React, { useState, useContext } from 'react'
 import { useHistory } from 'react-router-dom'
-import { getWizardStep, STEPS } from 'src/pages/Wizard/helper'
+import { getWizardStep, STEPS } from './helper'
 
-import AppContext from 'src/AppContext'
+import AppContext from '../../AppContext'
 
 import Footer from './components/Footer'
 
diff --git a/packages/admin-ui/src/pages/Wizard/components/Commissions.jsx b/packages/admin-ui/src/pages/Wizard/components/Commissions.jsx
index 50f2e32e..d023ca45 100644
--- a/packages/admin-ui/src/pages/Wizard/components/Commissions.jsx
+++ b/packages/admin-ui/src/pages/Wizard/components/Commissions.jsx
@@ -1,12 +1,12 @@
 import { useQuery, useMutation, gql } from '@apollo/client'
 import * as R from 'ramda'
 import React from 'react'
-import Section from 'src/components/layout/Section'
-import TitleSection from 'src/components/layout/TitleSection'
-import { mainFields, defaults, getSchema } from 'src/pages/Commissions/helper'
+import Section from '../../../components/layout/Section'
+import TitleSection from '../../../components/layout/TitleSection'
+import { mainFields, defaults, getSchema } from '../../Commissions/helper'
 
-import { Table as EditableTable } from 'src/components/editableTable'
-import { fromNamespace, toNamespace, namespaces } from 'src/utils/config'
+import { Table as EditableTable } from '../../../components/editableTable'
+import { fromNamespace, toNamespace, namespaces } from '../../../utils/config'
 
 const GET_DATA = gql`
   query getData {
diff --git a/packages/admin-ui/src/pages/Wizard/components/Footer.jsx b/packages/admin-ui/src/pages/Wizard/components/Footer.jsx
index 42fce5c4..1a37d60c 100644
--- a/packages/admin-ui/src/pages/Wizard/components/Footer.jsx
+++ b/packages/admin-ui/src/pages/Wizard/components/Footer.jsx
@@ -1,11 +1,11 @@
 import Drawer from '@mui/material/Drawer'
 import Grid from '@mui/material/Grid'
 import React, { useState } from 'react'
-import Modal from 'src/components/Modal'
-import Stepper from 'src/components/Stepper'
-import { P, H2, Info2 } from 'src/components/typography'
+import Modal from '../../../components/Modal'
+import Stepper from '../../../components/Stepper'
+import { P, H2, Info2 } from '../../../components/typography'
 
-import { Button, Link } from 'src/components/buttons'
+import { Button, Link } from '../../../components/buttons'
 
 function Footer({ currentStep, steps, subtitle, text, exImage, open, start }) {
   const [fullExample, setFullExample] = useState(false)
diff --git a/packages/admin-ui/src/pages/Wizard/components/Locales.jsx b/packages/admin-ui/src/pages/Wizard/components/Locales.jsx
index da95bb48..591dfb9d 100644
--- a/packages/admin-ui/src/pages/Wizard/components/Locales.jsx
+++ b/packages/admin-ui/src/pages/Wizard/components/Locales.jsx
@@ -1,16 +1,16 @@
 import { useQuery, useMutation, gql } from '@apollo/client'
 import * as R from 'ramda'
 import React from 'react'
-import Section from 'src/components/layout/Section'
-import TitleSection from 'src/components/layout/TitleSection'
+import Section from '../../../components/layout/Section'
+import TitleSection from '../../../components/layout/TitleSection'
 
-import { Table as EditableTable } from 'src/components/editableTable'
+import { Table as EditableTable } from '../../../components/editableTable'
 import {
   mainFields,
   localeDefaults as defaults,
   LocaleSchema as schema,
-} from 'src/pages/Locales/helper'
-import { toNamespace } from 'src/utils/config'
+} from '../../Locales/helper'
+import { toNamespace } from '../../../utils/config'
 
 import { getConfiguredCoins } from '../helper'
 
diff --git a/packages/admin-ui/src/pages/Wizard/components/Mailgun.jsx b/packages/admin-ui/src/pages/Wizard/components/Mailgun.jsx
index 6d9b8cc2..fe7ea100 100644
--- a/packages/admin-ui/src/pages/Wizard/components/Mailgun.jsx
+++ b/packages/admin-ui/src/pages/Wizard/components/Mailgun.jsx
@@ -1,16 +1,16 @@
 import { useMutation, useQuery, gql } from '@apollo/client'
 import React, { useState, useEffect } from 'react'
-import { H4, Info3 } from 'src/components/typography'
-import FormRenderer from 'src/pages/Services/FormRenderer'
-import InverseLinkIcon from 'src/styling/icons/action/external link/white.svg?react'
-import LinkIcon from 'src/styling/icons/action/external link/zodiac.svg?react'
-import WarningIcon from 'src/styling/icons/warning-icon/comet.svg?react'
+import { H4, Info3 } from '../../../components/typography'
+import FormRenderer from '../../Services/FormRenderer'
+import InverseLinkIcon from '../../../styling/icons/action/external link/white.svg?react'
+import LinkIcon from '../../../styling/icons/action/external link/zodiac.svg?react'
+import WarningIcon from '../../../styling/icons/warning-icon/comet.svg?react'
 
-import { ActionButton } from 'src/components/buttons'
-import { RadioGroup } from 'src/components/inputs'
-import mailgunSchema from 'src/pages/Services/schemas/mailgun'
-import classes from 'src/pages/Wizard/Radio.module.css'
-import { fromNamespace, toNamespace, namespaces } from 'src/utils/config'
+import { ActionButton } from '../../../components/buttons'
+import { RadioGroup } from '../../../components/inputs'
+import mailgunSchema from '../../Services/schemas/mailgun'
+import classes from '../Radio.module.css'
+import { fromNamespace, toNamespace, namespaces } from '../../../utils/config'
 
 const GET_CONFIG = gql`
   {
diff --git a/packages/admin-ui/src/pages/Wizard/components/Notifications.jsx b/packages/admin-ui/src/pages/Wizard/components/Notifications.jsx
index 1c459693..0ace40e5 100644
--- a/packages/admin-ui/src/pages/Wizard/components/Notifications.jsx
+++ b/packages/admin-ui/src/pages/Wizard/components/Notifications.jsx
@@ -1,10 +1,10 @@
 import Grid from '@mui/material/Grid'
 import React, { useState } from 'react'
-import Sidebar from 'src/components/layout/Sidebar'
-import TitleSection from 'src/components/layout/TitleSection'
-import Notifications from 'src/pages/Notifications/Notifications'
+import Sidebar from '../../../components/layout/Sidebar'
+import TitleSection from '../../../components/layout/TitleSection'
+import Notifications from '../../Notifications/Notifications'
 
-import { namespaces } from 'src/utils/config'
+import { namespaces } from '../../../utils/config'
 
 import Mailgun from './Mailgun'
 
diff --git a/packages/admin-ui/src/pages/Wizard/components/OperatorInfo.jsx b/packages/admin-ui/src/pages/Wizard/components/OperatorInfo.jsx
index 0f09aeba..a79e71ac 100644
--- a/packages/admin-ui/src/pages/Wizard/components/OperatorInfo.jsx
+++ b/packages/admin-ui/src/pages/Wizard/components/OperatorInfo.jsx
@@ -1,6 +1,6 @@
 import React from 'react'
 
-// import OperatorInfo from 'src/pages/OperatorInfo'
+// import OperatorInfo from '../../OperatorInfo'
 
 function WizardOperatorInfo() {
   return (
diff --git a/packages/admin-ui/src/pages/Wizard/components/Twilio.jsx b/packages/admin-ui/src/pages/Wizard/components/Twilio.jsx
index fa4bb382..12345e21 100644
--- a/packages/admin-ui/src/pages/Wizard/components/Twilio.jsx
+++ b/packages/admin-ui/src/pages/Wizard/components/Twilio.jsx
@@ -1,14 +1,14 @@
 import { useMutation, useQuery, gql } from '@apollo/client'
 import classnames from 'classnames'
 import React, { useState } from 'react'
-import { HelpTooltip } from 'src/components/Tooltip'
-import { H1, H4, Label1, P } from 'src/components/typography'
-import FormRenderer from 'src/pages/Services/FormRenderer'
-import WarningIcon from 'src/styling/icons/warning-icon/comet.svg?react'
+import { HelpTooltip } from '../../../components/Tooltip'
+import { H1, H4, Label1, P } from '../../../components/typography'
+import FormRenderer from '../../Services/FormRenderer'
+import WarningIcon from '../../../styling/icons/warning-icon/comet.svg?react'
 
-import { Button, SupportLinkButton } from 'src/components/buttons'
-import { RadioGroup } from 'src/components/inputs'
-import twilio from 'src/pages/Services/schemas/twilio'
+import { Button, SupportLinkButton } from '../../../components/buttons'
+import { RadioGroup } from '../../../components/inputs'
+import twilio from '../../Services/schemas/twilio'
 
 import sharedClasses from './Wallet/Shared.module.css'
 import classes from './Twilio.module.css'
diff --git a/packages/admin-ui/src/pages/Wizard/components/Wallet/AllSet.jsx b/packages/admin-ui/src/pages/Wizard/components/Wallet/AllSet.jsx
index 8f7a02ac..666e86fd 100644
--- a/packages/admin-ui/src/pages/Wizard/components/Wallet/AllSet.jsx
+++ b/packages/admin-ui/src/pages/Wizard/components/Wallet/AllSet.jsx
@@ -1,12 +1,12 @@
 import { useQuery, useMutation, gql } from '@apollo/client'
 import * as R from 'ramda'
 import React, { useState } from 'react'
-import { P, H4 } from 'src/components/typography'
-import { getElements, WalletSchema } from 'src/pages/Wallet/helper'
+import { P, H4 } from '../../../../components/typography'
+import { getElements, WalletSchema } from '../../../Wallet/helper'
 
-import { Button } from 'src/components/buttons'
-import { NamespacedTable as EditableTable } from 'src/components/editableTable'
-import { toNamespace, namespaces } from 'src/utils/config'
+import { Button } from '../../../../components/buttons'
+import { NamespacedTable as EditableTable } from '../../../../components/editableTable'
+import { toNamespace, namespaces } from '../../../../utils/config'
 
 import classes from './Shared.module.css'
 
diff --git a/packages/admin-ui/src/pages/Wizard/components/Wallet/Blockcypher.jsx b/packages/admin-ui/src/pages/Wizard/components/Wallet/Blockcypher.jsx
index 72e9238f..9735afda 100644
--- a/packages/admin-ui/src/pages/Wizard/components/Wallet/Blockcypher.jsx
+++ b/packages/admin-ui/src/pages/Wizard/components/Wallet/Blockcypher.jsx
@@ -1,11 +1,11 @@
 import { useMutation, useQuery, gql } from '@apollo/client'
 import React, { useState } from 'react'
-import { P, H4 } from 'src/components/typography'
-import FormRenderer from 'src/pages/Services/FormRenderer'
+import { P, H4 } from '../../../../components/typography'
+import FormRenderer from '../../../Services/FormRenderer'
 
-import { SupportLinkButton, Button } from 'src/components/buttons'
-import { RadioGroup } from 'src/components/inputs'
-import blockcypherSchema from 'src/pages/Services/schemas/blockcypher'
+import { SupportLinkButton, Button } from '../../../../components/buttons'
+import { RadioGroup } from '../../../../components/inputs'
+import blockcypherSchema from '../../../Services/schemas/blockcypher'
 
 import classes from './Shared.module.css'
 
diff --git a/packages/admin-ui/src/pages/Wizard/components/Wallet/ChooseCoin.jsx b/packages/admin-ui/src/pages/Wizard/components/Wallet/ChooseCoin.jsx
index 3e4b4e1b..731520c3 100644
--- a/packages/admin-ui/src/pages/Wizard/components/Wallet/ChooseCoin.jsx
+++ b/packages/admin-ui/src/pages/Wizard/components/Wallet/ChooseCoin.jsx
@@ -1,12 +1,12 @@
 import { useQuery, gql } from '@apollo/client'
 import { Formik, Form, Field } from 'formik'
 import React, { useState } from 'react'
-import PromptWhenDirty from 'src/components/PromptWhenDirty'
-import { H4 } from 'src/components/typography'
+import PromptWhenDirty from '../../../../components/PromptWhenDirty'
+import { H4 } from '../../../../components/typography'
 import * as Yup from 'yup'
 
-import { Button } from 'src/components/buttons'
-import { RadioGroup } from 'src/components/inputs/formik'
+import { Button } from '../../../../components/buttons'
+import { RadioGroup } from '../../../../components/inputs/formik'
 
 import classes from './Shared.module.css'
 
diff --git a/packages/admin-ui/src/pages/Wizard/components/Wallet/ChooseExchange.jsx b/packages/admin-ui/src/pages/Wizard/components/Wallet/ChooseExchange.jsx
index ce1d845c..cef93dd7 100644
--- a/packages/admin-ui/src/pages/Wizard/components/Wallet/ChooseExchange.jsx
+++ b/packages/admin-ui/src/pages/Wizard/components/Wallet/ChooseExchange.jsx
@@ -2,13 +2,13 @@ import { useQuery, useMutation, gql } from '@apollo/client'
 import { getEquivalentCode } from '@lamassu/coins/lightUtils'
 import * as R from 'ramda'
 import React, { useState } from 'react'
-import { H4, Info3 } from 'src/components/typography'
-import FormRenderer from 'src/pages/Services/FormRenderer'
-import WarningIcon from 'src/styling/icons/warning-icon/comet.svg?react'
+import { H4, Info3 } from '../../../../components/typography'
+import FormRenderer from '../../../Services/FormRenderer'
+import WarningIcon from '../../../../styling/icons/warning-icon/comet.svg?react'
 
-import { Button, SupportLinkButton } from 'src/components/buttons'
-import { RadioGroup } from 'src/components/inputs'
-import _schema from 'src/pages/Services/schemas'
+import { Button, SupportLinkButton } from '../../../../components/buttons'
+import { RadioGroup } from '../../../../components/inputs'
+import _schema from '../../../Services/schemas'
 
 import classes from './Shared.module.css'
 import { getItems } from './getItems'
diff --git a/packages/admin-ui/src/pages/Wizard/components/Wallet/ChooseTicker.jsx b/packages/admin-ui/src/pages/Wizard/components/Wallet/ChooseTicker.jsx
index 76fc301d..73e00247 100644
--- a/packages/admin-ui/src/pages/Wizard/components/Wallet/ChooseTicker.jsx
+++ b/packages/admin-ui/src/pages/Wizard/components/Wallet/ChooseTicker.jsx
@@ -2,10 +2,10 @@ import { useQuery, gql } from '@apollo/client'
 import { getEquivalentCode } from '@lamassu/coins/lightUtils'
 import * as R from 'ramda'
 import React, { useState } from 'react'
-import { H4 } from 'src/components/typography'
+import { H4 } from '../../../../components/typography'
 
-import { Button } from 'src/components/buttons'
-import { RadioGroup } from 'src/components/inputs'
+import { Button } from '../../../../components/buttons'
+import { RadioGroup } from '../../../../components/inputs'
 
 import classes from './Shared.module.css'
 import { getItems } from './getItems'
diff --git a/packages/admin-ui/src/pages/Wizard/components/Wallet/ChooseWallet.jsx b/packages/admin-ui/src/pages/Wizard/components/Wallet/ChooseWallet.jsx
index 691ede32..6d37d5a4 100644
--- a/packages/admin-ui/src/pages/Wizard/components/Wallet/ChooseWallet.jsx
+++ b/packages/admin-ui/src/pages/Wizard/components/Wallet/ChooseWallet.jsx
@@ -1,14 +1,14 @@
 import { useQuery, useMutation, gql } from '@apollo/client'
 import * as R from 'ramda'
 import React, { useState } from 'react'
-import { H4, Info3 } from 'src/components/typography'
-import FormRenderer from 'src/pages/Services/FormRenderer'
-import WarningIcon from 'src/styling/icons/warning-icon/comet.svg?react'
+import { H4, Info3 } from '../../../../components/typography'
+import FormRenderer from '../../../Services/FormRenderer'
+import WarningIcon from '../../../../styling/icons/warning-icon/comet.svg?react'
 
-import { Button, SupportLinkButton } from 'src/components/buttons'
-import { RadioGroup } from 'src/components/inputs'
-import _schema from 'src/pages/Services/schemas'
-import bitgo from 'src/pages/Services/schemas/singlebitgo'
+import { Button, SupportLinkButton } from '../../../../components/buttons'
+import { RadioGroup } from '../../../../components/inputs'
+import _schema from '../../../Services/schemas'
+import bitgo from '../../../Services/schemas/singlebitgo'
 
 import classes from './Shared.module.css'
 import { getItems } from './getItems'
diff --git a/packages/admin-ui/src/pages/Wizard/components/Wallet/Wallet.jsx b/packages/admin-ui/src/pages/Wizard/components/Wallet/Wallet.jsx
index 616cfbf7..2dcb4fa5 100644
--- a/packages/admin-ui/src/pages/Wizard/components/Wallet/Wallet.jsx
+++ b/packages/admin-ui/src/pages/Wizard/components/Wallet/Wallet.jsx
@@ -1,7 +1,7 @@
 import * as R from 'ramda'
 import React, { useState } from 'react'
-import Sidebar, { Stepper } from 'src/components/layout/Sidebar'
-import TitleSection from 'src/components/layout/TitleSection'
+import Sidebar, { Stepper } from '../../../../components/layout/Sidebar'
+import TitleSection from '../../../../components/layout/TitleSection'
 
 import AllSet from './AllSet'
 import Blockcypher from './Blockcypher'
diff --git a/packages/admin-ui/src/pages/Wizard/components/Wallet/getItems.js b/packages/admin-ui/src/pages/Wizard/components/Wallet/getItems.js
index bf425475..4d159864 100644
--- a/packages/admin-ui/src/pages/Wizard/components/Wallet/getItems.js
+++ b/packages/admin-ui/src/pages/Wizard/components/Wallet/getItems.js
@@ -1,6 +1,6 @@
 import * as R from 'ramda'
 
-import _schema from 'src/pages/Services/schemas'
+import _schema from '../../../Services/schemas'
 
 const contains = crypto => R.compose(R.contains(crypto), R.prop('cryptos'))
 const sameClass = type => R.propEq('class', type)
diff --git a/packages/admin-ui/src/pages/Wizard/components/Welcome.jsx b/packages/admin-ui/src/pages/Wizard/components/Welcome.jsx
index a970b212..e005ca1f 100644
--- a/packages/admin-ui/src/pages/Wizard/components/Welcome.jsx
+++ b/packages/admin-ui/src/pages/Wizard/components/Welcome.jsx
@@ -1,7 +1,7 @@
 import React from 'react'
-import { H1, P } from 'src/components/typography'
+import { H1, P } from '../../../components/typography'
 
-import { Button } from 'src/components/buttons'
+import { Button } from '../../../components/buttons'
 
 function Welcome({ doContinue }) {
   return (
diff --git a/packages/admin-ui/src/pages/Wizard/helper.jsx b/packages/admin-ui/src/pages/Wizard/helper.jsx
index 6e1590b9..1642fcbb 100644
--- a/packages/admin-ui/src/pages/Wizard/helper.jsx
+++ b/packages/admin-ui/src/pages/Wizard/helper.jsx
@@ -1,10 +1,10 @@
 import * as R from 'ramda'
 import React from 'react'
-import { getSchema as CommissionsSchema } from 'src/pages/Commissions/helper'
-import { WalletSchema } from 'src/pages/Wallet/helper'
+import { getSchema as CommissionsSchema } from '../Commissions/helper'
+import { WalletSchema } from '../Wallet/helper'
 
-import { LocaleSchema } from 'src/pages/Locales/helper'
-import { fromNamespace, namespaces } from 'src/utils/config'
+import { LocaleSchema } from '../Locales/helper'
+import { fromNamespace, namespaces } from '../../utils/config'
 
 import Commissions from './components/Commissions'
 import Locale from './components/Locales'
diff --git a/packages/admin-ui/src/routing/PrivateRoute.jsx b/packages/admin-ui/src/routing/PrivateRoute.jsx
index 2861612d..6d35d18b 100644
--- a/packages/admin-ui/src/routing/PrivateRoute.jsx
+++ b/packages/admin-ui/src/routing/PrivateRoute.jsx
@@ -1,7 +1,7 @@
 import React, { useContext } from 'react'
 import { Route, Redirect } from 'react-router-dom'
 
-import AppContext from 'src/AppContext'
+import AppContext from '../AppContext'
 
 import { isLoggedIn } from './utils'
 
diff --git a/packages/admin-ui/src/routing/PublicRoute.jsx b/packages/admin-ui/src/routing/PublicRoute.jsx
index 6d8bfb5e..dff3cdd0 100644
--- a/packages/admin-ui/src/routing/PublicRoute.jsx
+++ b/packages/admin-ui/src/routing/PublicRoute.jsx
@@ -1,7 +1,7 @@
 import React, { useContext } from 'react'
 import { Route, Redirect } from 'react-router-dom'
 
-import AppContext from 'src/AppContext'
+import AppContext from '../AppContext'
 
 import { isLoggedIn } from './utils'
 
diff --git a/packages/admin-ui/src/routing/lamassu.routes.jsx b/packages/admin-ui/src/routing/lamassu.routes.jsx
index 70b5586e..539e7743 100644
--- a/packages/admin-ui/src/routing/lamassu.routes.jsx
+++ b/packages/admin-ui/src/routing/lamassu.routes.jsx
@@ -1,33 +1,33 @@
 import React from 'react'
 import { Redirect } from 'react-router-dom'
-import Funding from 'src/pages/Funding/Funding.jsx'
-import IndividualDiscounts from 'src/pages/LoyaltyPanel/IndividualDiscounts'
-import PromoCodes from 'src/pages/LoyaltyPanel/PromoCodes'
-import MachineLogs from 'src/pages/Logs/MachineLogs.jsx'
-import CashUnits from 'src/pages/Maintenance/CashUnits'
-import MachineStatus from 'src/pages/Maintenance/MachineStatus'
-import Notifications from 'src/pages/Notifications/Notifications'
-import CoinAtmRadar from 'src/pages/OperatorInfo/CoinATMRadar'
-import ContactInfo from 'src/pages/OperatorInfo/ContactInfo'
-import MachineScreens from 'src/pages/OperatorInfo/MachineScreens'
-import ReceiptPrinting from 'src/pages/OperatorInfo/ReceiptPrinting'
-import SMSNotices from 'src/pages/OperatorInfo/SMSNotices/SMSNotices'
-import TermsConditions from 'src/pages/OperatorInfo/TermsConditions'
-import ServerLogs from 'src/pages/Logs/ServerLogs.jsx'
-import Services from 'src/pages/Services/Services'
-import SessionManagement from 'src/pages/SessionManagement/SessionManagement'
-import Transactions from 'src/pages/Transactions/Transactions'
-import UserManagement from 'src/pages/UserManagement/UserManagement'
-import WalletSettings from 'src/pages/Wallet/Wallet'
+import Funding from '../pages/Funding/Funding.jsx'
+import IndividualDiscounts from '../pages/LoyaltyPanel/IndividualDiscounts'
+import PromoCodes from '../pages/LoyaltyPanel/PromoCodes'
+import MachineLogs from '../pages/Logs/MachineLogs.jsx'
+import CashUnits from '../pages/Maintenance/CashUnits'
+import MachineStatus from '../pages/Maintenance/MachineStatus'
+import Notifications from '../pages/Notifications/Notifications'
+import CoinAtmRadar from '../pages/OperatorInfo/CoinATMRadar'
+import ContactInfo from '../pages/OperatorInfo/ContactInfo'
+import MachineScreens from '../pages/OperatorInfo/MachineScreens'
+import ReceiptPrinting from '../pages/OperatorInfo/ReceiptPrinting'
+import SMSNotices from '../pages/OperatorInfo/SMSNotices/SMSNotices'
+import TermsConditions from '../pages/OperatorInfo/TermsConditions'
+import ServerLogs from '../pages/Logs/ServerLogs.jsx'
+import Services from '../pages/Services/Services'
+import SessionManagement from '../pages/SessionManagement/SessionManagement'
+import Transactions from '../pages/Transactions/Transactions'
+import UserManagement from '../pages/UserManagement/UserManagement'
+import WalletSettings from '../pages/Wallet/Wallet'
 
-import Analytics from 'src/pages/Analytics'
-import Blacklist from 'src/pages/Blacklist'
-import Cashout from 'src/pages/Cashout'
-import Commissions from 'src/pages/Commissions'
-import { Customers, CustomerProfile } from 'src/pages/Customers'
-import Locales from 'src/pages/Locales'
-import Triggers from 'src/pages/Triggers'
-import { namespaces } from 'src/utils/config'
+import Analytics from '../pages/Analytics'
+import Blacklist from '../pages/Blacklist'
+import Cashout from '../pages/Cashout'
+import Commissions from '../pages/Commissions'
+import { Customers, CustomerProfile } from '../pages/Customers'
+import Locales from '../pages/Locales'
+import Triggers from '../pages/Triggers'
+import { namespaces } from '../utils/config'
 
 import { ROLES } from './utils'
 
diff --git a/packages/admin-ui/src/routing/routes.jsx b/packages/admin-ui/src/routing/routes.jsx
index baa349e2..bd42b3f4 100644
--- a/packages/admin-ui/src/routing/routes.jsx
+++ b/packages/admin-ui/src/routing/routes.jsx
@@ -9,15 +9,15 @@ import {
   useHistory,
   useLocation,
 } from 'react-router-dom'
-import Login from 'src/pages/Authentication/Login'
-import Register from 'src/pages/Authentication/Register'
-import Reset2FA from 'src/pages/Authentication/Reset2FA'
-import ResetPassword from 'src/pages/Authentication/ResetPassword'
+import Login from '../pages/Authentication/Login'
+import Register from '../pages/Authentication/Register'
+import Reset2FA from '../pages/Authentication/Reset2FA'
+import ResetPassword from '../pages/Authentication/ResetPassword'
 
-import AppContext from 'src/AppContext'
-import Dashboard from 'src/pages/Dashboard'
-import Machines from 'src/pages/Machines'
-import Wizard from 'src/pages/Wizard'
+import AppContext from '../AppContext'
+import Dashboard from '../pages/Dashboard'
+import Machines from '../pages/Machines'
+import Wizard from '../pages/Wizard'
 
 import PrivateRoute from './PrivateRoute'
 import PublicRoute from './PublicRoute'
diff --git a/packages/admin-ui/src/styling/theme.js b/packages/admin-ui/src/styling/theme.js
index 5dbee8be..a7af0a69 100644
--- a/packages/admin-ui/src/styling/theme.js
+++ b/packages/admin-ui/src/styling/theme.js
@@ -1,6 +1,6 @@
 import { createTheme } from '@mui/material/styles'
 
-import typographyStyles from 'src/components/typography/styles'
+import typographyStyles from '../components/typography/styles'
 
 import {
   backgroundColor,
diff --git a/packages/admin-ui/src/utils/apollo.jsx b/packages/admin-ui/src/utils/apollo.jsx
index a9ef9881..2eb4f69d 100644
--- a/packages/admin-ui/src/utils/apollo.jsx
+++ b/packages/admin-ui/src/utils/apollo.jsx
@@ -9,7 +9,7 @@ import createUploadLink from 'apollo-upload-client/createUploadLink.mjs'
 import React, { useContext } from 'react'
 import { useHistory, useLocation } from 'react-router-dom'
 
-import AppContext from 'src/AppContext'
+import AppContext from '../AppContext'
 
 const uploadLink = createUploadLink({
   credentials: 'include',
diff --git a/packages/admin-ui/src/utils/customer.js b/packages/admin-ui/src/utils/customer.js
index 8a7af097..5e3ca761 100644
--- a/packages/admin-ui/src/utils/customer.js
+++ b/packages/admin-ui/src/utils/customer.js
@@ -1,6 +1,6 @@
 import * as R from 'ramda'
 
-import { onlyFirstToUpper } from 'src/utils/string'
+import { onlyFirstToUpper } from './string'
 
 /* Expects a customer ID card data object */
 const formatFullName = R.pipe(
diff --git a/packages/admin-ui/vite.config.js b/packages/admin-ui/vite.config.js
index 2cc157a2..56fb9234 100644
--- a/packages/admin-ui/vite.config.js
+++ b/packages/admin-ui/vite.config.js
@@ -1,5 +1,3 @@
-import { fileURLToPath } from 'url'
-
 import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react-swc'
 import svgr from 'vite-plugin-svgr'
@@ -9,7 +7,7 @@ import tailwindcss from '@tailwindcss/vite'
 export default defineConfig({
   base: '/',
   build: {
-    outDir: 'build'
+    outDir: 'build',
   },
   server: {
     port: 3001,
@@ -17,19 +15,14 @@ export default defineConfig({
       '^/(graphql|operator-data|front-camera-photo|id-card-photo)': {
         target: 'https://localhost:8070/',
         changeOrigin: true,
-        secure: false
-      }
-    }
+        secure: false,
+      },
+    },
   },
   optimizeDeps: {
     esbuildOptions: {
-      plugins: [fixReactVirtualized]
-    }
+      plugins: [fixReactVirtualized],
+    },
   },
   plugins: [react(), svgr(), tailwindcss()],
-  resolve: {
-    alias: {
-      src: fileURLToPath(new URL('./src', import.meta.url))
-    }
-  }
 })