diff --git a/src/HelpSheet.jsx b/src/HelpSheet.jsx
index 9c535949..f90b5d4e 100644
--- a/src/HelpSheet.jsx
+++ b/src/HelpSheet.jsx
@@ -2,7 +2,7 @@ import React, { memo } from 'react';
 import { FaClipboard, FaHandPointRight, FaHandPointLeft, FaStepBackward, FaStepForward } from 'react-icons/fa';
 import { useTranslation, Trans } from 'react-i18next';
 
-import SetCutpointButton from './SetCutpointButton';
+import SetCutpointButton from './components/SetCutpointButton';
 import { toast } from './util';
 import { primaryTextColor } from './colors';
 import Sheet from './Sheet';
diff --git a/src/TimelineControls.jsx b/src/TimelineControls.jsx
index 53d24721..8035c1a1 100644
--- a/src/TimelineControls.jsx
+++ b/src/TimelineControls.jsx
@@ -7,7 +7,7 @@ import { useTranslation } from 'react-i18next';
 
 import { getSegColors, parseDuration, formatDuration } from './util';
 import { primaryTextColor } from './colors';
-import SetCutpointButton from './SetCutpointButton';
+import SetCutpointButton from './components/SetCutpointButton';
 
 const TimelineControls = memo(({
   seekAbs, currentSegIndexSafe, cutSegments, currentCutSeg, setCutStart, setCutEnd,
diff --git a/src/SetCutpointButton.jsx b/src/components/SetCutpointButton.jsx
similarity index 94%
rename from src/SetCutpointButton.jsx
rename to src/components/SetCutpointButton.jsx
index 91adb08b..528892d1 100644
--- a/src/SetCutpointButton.jsx
+++ b/src/components/SetCutpointButton.jsx
@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { getSegColors } from './util';
+import { getSegColors } from '../util';
 
 const SetCutpointButton = ({ currentCutSeg, side, Icon, onClick, title, style }) => {
   const {