diff --git a/frontend/app/components/Session_/Player/Controls/Controls.tsx b/frontend/app/components/Session_/Player/Controls/Controls.tsx
index bbf1b5ee8..98061c537 100644
--- a/frontend/app/components/Session_/Player/Controls/Controls.tsx
+++ b/frontend/app/components/Session_/Player/Controls/Controls.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { connect } from 'react-redux';
 import { selectStorageType, STORAGE_TYPES } from 'Player';
-import { PlayButton, PlayingState, FullScreenButton } from 'Player/components'
+import { PlayButton, PlayingState, FullScreenButton } from 'App/player-ui'
 
 import { Icon, Tooltip } from 'UI';
 import {
diff --git a/frontend/app/components/Session_/Player/Controls/Time.js b/frontend/app/components/Session_/Player/Controls/Time.js
index 3a8bbfa2f..85291009f 100644
--- a/frontend/app/components/Session_/Player/Controls/Time.js
+++ b/frontend/app/components/Session_/Player/Controls/Time.js
@@ -1,7 +1,7 @@
 import React from 'react';
 import { PlayerContext } from 'App/components/Session/playerContext';
 import { observer } from 'mobx-react-lite';
-import { PlayTime } from 'Player/components'
+import { PlayTime } from 'App/player-ui'
 
 const ReduxTime = observer(({ format, name, isCustom }) => {
   const { store } = React.useContext(PlayerContext)
diff --git a/frontend/app/components/Session_/Player/Controls/TimeTracker.js b/frontend/app/components/Session_/Player/Controls/TimeTracker.js
index 8e9d782df..4775ce147 100644
--- a/frontend/app/components/Session_/Player/Controls/TimeTracker.js
+++ b/frontend/app/components/Session_/Player/Controls/TimeTracker.js
@@ -1,7 +1,7 @@
 import React from 'react';
 import { PlayerContext } from 'App/components/Session/playerContext';
 import { observer } from 'mobx-react-lite';
-import { ProgressBar } from 'Player/components'
+import { ProgressBar } from 'App/player-ui'
 
 const TimeTracker = ({ scale, live = false, left }) => {
 	const { store } = React.useContext(PlayerContext)
diff --git a/frontend/app/components/Session_/Player/Controls/components/DraggableCircle.tsx b/frontend/app/components/Session_/Player/Controls/components/DraggableCircle.tsx
index c55cc37bc..91e5d68c7 100644
--- a/frontend/app/components/Session_/Player/Controls/components/DraggableCircle.tsx
+++ b/frontend/app/components/Session_/Player/Controls/components/DraggableCircle.tsx
@@ -2,7 +2,7 @@ import React, { memo, FC, useEffect, CSSProperties } from 'react';
 import type { DragSourceMonitor } from 'react-dnd'
 import { useDrag } from 'react-dnd'
 import { getEmptyImage } from 'react-dnd-html5-backend'
-import { ProgressCircle } from 'Player/components'
+import { ProgressCircle } from 'App/player-ui'
 
 function getStyles(
     left: number,
diff --git a/frontend/app/components/Session_/Player/Controls/components/PlayerControls.tsx b/frontend/app/components/Session_/Player/Controls/components/PlayerControls.tsx
index fc6473164..a1562ac4d 100644
--- a/frontend/app/components/Session_/Player/Controls/components/PlayerControls.tsx
+++ b/frontend/app/components/Session_/Player/Controls/components/PlayerControls.tsx
@@ -4,7 +4,7 @@ import cn from 'classnames';
 import { ReduxTime } from '../Time';
 // @ts-ignore
 import styles from '../controls.module.css';
-import { SkipButton } from 'Player/components'
+import { SkipButton } from 'App/player-ui'
 
 interface Props {
   skip: boolean;
diff --git a/frontend/app/player/components/FullScreenButton.tsx b/frontend/app/player-ui/FullScreenButton.tsx
similarity index 100%
rename from frontend/app/player/components/FullScreenButton.tsx
rename to frontend/app/player-ui/FullScreenButton.tsx
diff --git a/frontend/app/player/components/PlayButton.tsx b/frontend/app/player-ui/PlayButton.tsx
similarity index 100%
rename from frontend/app/player/components/PlayButton.tsx
rename to frontend/app/player-ui/PlayButton.tsx
diff --git a/frontend/app/player/components/PlayTime.tsx b/frontend/app/player-ui/PlayTime.tsx
similarity index 100%
rename from frontend/app/player/components/PlayTime.tsx
rename to frontend/app/player-ui/PlayTime.tsx
diff --git a/frontend/app/player/components/ProgressBar.tsx b/frontend/app/player-ui/ProgressBar.tsx
similarity index 100%
rename from frontend/app/player/components/ProgressBar.tsx
rename to frontend/app/player-ui/ProgressBar.tsx
diff --git a/frontend/app/player/components/ProgressCircle.tsx b/frontend/app/player-ui/ProgressCircle.tsx
similarity index 100%
rename from frontend/app/player/components/ProgressCircle.tsx
rename to frontend/app/player-ui/ProgressCircle.tsx
diff --git a/frontend/app/player/components/SkipButton.tsx b/frontend/app/player-ui/SkipButton.tsx
similarity index 100%
rename from frontend/app/player/components/SkipButton.tsx
rename to frontend/app/player-ui/SkipButton.tsx
diff --git a/frontend/app/player/components/index.tsx b/frontend/app/player-ui/index.tsx
similarity index 100%
rename from frontend/app/player/components/index.tsx
rename to frontend/app/player-ui/index.tsx
diff --git a/frontend/app/player/components/styles.module.css b/frontend/app/player-ui/styles.module.css
similarity index 100%
rename from frontend/app/player/components/styles.module.css
rename to frontend/app/player-ui/styles.module.css