diff --git a/services/web/frontend/js/features/pdf-preview/components/detach-synctex-control.js b/services/web/frontend/js/features/pdf-preview/components/detach-synctex-control.js
index 74bfc62183..812b342e39 100644
--- a/services/web/frontend/js/features/pdf-preview/components/detach-synctex-control.js
+++ b/services/web/frontend/js/features/pdf-preview/components/detach-synctex-control.js
@@ -2,6 +2,14 @@ import PropTypes from 'prop-types'
 import { useLayoutContext } from '../../../shared/context/layout-context'
 import PdfSynctexControls from './pdf-synctex-controls'
 
+export function DefaultSynctexControl() {
+  const { detachRole } = useLayoutContext(layoutContextPropTypes)
+  if (!detachRole) {
+    return <PdfSynctexControls />
+  }
+  return null
+}
+
 export function DetacherSynctexControl() {
   const { detachRole, detachIsLinked } = useLayoutContext(
     layoutContextPropTypes
diff --git a/services/web/frontend/js/features/pdf-preview/controllers/pdf-preview-controller.js b/services/web/frontend/js/features/pdf-preview/controllers/pdf-preview-controller.js
index f64eb05dde..e3d2fae4b1 100644
--- a/services/web/frontend/js/features/pdf-preview/controllers/pdf-preview-controller.js
+++ b/services/web/frontend/js/features/pdf-preview/controllers/pdf-preview-controller.js
@@ -3,13 +3,15 @@ import { react2angular } from 'react2angular'
 
 import PdfPreview from '../components/pdf-preview'
 import { rootContext } from '../../../shared/context/root-context'
-import PdfSynctexControls from '../components/pdf-synctex-controls'
-import { DetacherSynctexControl } from '../components/detach-synctex-control'
+import {
+  DefaultSynctexControl,
+  DetacherSynctexControl,
+} from '../components/detach-synctex-control'
 
 App.component('pdfPreview', react2angular(rootContext.use(PdfPreview), []))
 App.component(
   'pdfSynctexControls',
-  react2angular(rootContext.use(PdfSynctexControls), [])
+  react2angular(rootContext.use(DefaultSynctexControl), [])
 )
 App.component(
   'detacherSynctexControl',