diff --git a/frontend/app/components/Session_/Player/Controls/Controls.tsx b/frontend/app/components/Session_/Player/Controls/Controls.tsx
index ccc118de8..5f8665f72 100644
--- a/frontend/app/components/Session_/Player/Controls/Controls.tsx
+++ b/frontend/app/components/Session_/Player/Controls/Controls.tsx
@@ -30,6 +30,7 @@ import PlayerControls from './components/PlayerControls';
 
 import styles from './controls.module.css';
 import XRayButton from 'Shared/XRayButton';
+import CreateNote from 'Components/Session_/Player/Controls/components/CreateNote';
 
 export const SKIP_INTERVALS = {
   2: 2e3,
@@ -155,6 +156,7 @@ function Controls(props: any) {
   return (
     <div className={styles.controls}>
       <Timeline />
+      <CreateNote />
       {!fullscreen && (
         <div className={cn(styles.buttons, '!px-2')}>
           <div className="flex items-center">
diff --git a/frontend/app/components/Session_/Player/Controls/components/TooltipContainer.tsx b/frontend/app/components/Session_/Player/Controls/components/TooltipContainer.tsx
index 5b14b807a..1c02d77d0 100644
--- a/frontend/app/components/Session_/Player/Controls/components/TooltipContainer.tsx
+++ b/frontend/app/components/Session_/Player/Controls/components/TooltipContainer.tsx
@@ -1,16 +1,13 @@
 import React from 'react'
 import TimeTooltip from './TimeTooltip';
-import CreateNote from './CreateNote';
 import store from 'App/store';
 import { Provider } from 'react-redux';
 
 function TooltipContainer() {
-
   return (
     <Provider store={store}>
       <>
         <TimeTooltip />
-        <CreateNote />
       </>
     </Provider>
   )