diff --git a/frontend/src/components/RecordingSynopsis.jsx b/frontend/src/components/RecordingSynopsis.jsx
index 1b6ec5ab..bf668afe 100644
--- a/frontend/src/components/RecordingSynopsis.jsx
+++ b/frontend/src/components/RecordingSynopsis.jsx
@@ -1,7 +1,7 @@
 import { Text, } from '@mantine/core';
 
 // Short preview that triggers the details modal when clicked
-export const RecordingSynopsis = ({ description, onOpen }) => {
+const RecordingSynopsis = ({ description, onOpen }) => {
   const truncated = description?.length > 140;
   const preview = truncated
     ? `${description.slice(0, 140).trim()}...`
@@ -21,4 +21,6 @@ export const RecordingSynopsis = ({ description, onOpen }) => {
       {preview}
     </Text>
   );
-};
\ No newline at end of file
+};
+
+export default RecordingSynopsis;
\ No newline at end of file
diff --git a/frontend/src/components/cards/RecordingCard.jsx b/frontend/src/components/cards/RecordingCard.jsx
index 6a25259b..6f90e0f5 100644
--- a/frontend/src/components/cards/RecordingCard.jsx
+++ b/frontend/src/components/cards/RecordingCard.jsx
@@ -20,7 +20,7 @@ import {
   Tooltip,
 } from '@mantine/core';
 import { AlertTriangle, SquareX } from 'lucide-react';
-import { RecordingSynopsis } from '../RecordingSynopsis.jsx';
+import RecordingSynopsis from '../RecordingSynopsis';
 import {
   deleteRecordingById,
   deleteSeriesAndRule,
@@ -33,7 +33,7 @@ import {
   runComSkip,
 } from './../../utils/cards/RecordingCardUtils.js';
 
-export const RecordingCard = ({ recording, onOpenDetails, onOpenRecurring }) => {
+const RecordingCard = ({ recording, onOpenDetails, onOpenRecurring }) => {
   const channels = useChannelsStore((s) => s.channels);
   const env_mode = useSettingsStore((s) => s.environment.env_mode);
   const showVideo = useVideoStore((s) => s.showVideo);
@@ -417,4 +417,6 @@ export const RecordingCard = ({ recording, onOpenDetails, onOpenRecurring }) =>
       <Box style={{ position: 'relative', zIndex: 2 }}>{MainCard}</Box>
     </Box>
   );
-};
\ No newline at end of file
+};
+
+export default RecordingCard;
\ No newline at end of file
diff --git a/frontend/src/components/forms/RecordingDetailsModal.jsx b/frontend/src/components/forms/RecordingDetailsModal.jsx
index 31c5c28e..1abc6f3b 100644
--- a/frontend/src/components/forms/RecordingDetailsModal.jsx
+++ b/frontend/src/components/forms/RecordingDetailsModal.jsx
@@ -18,7 +18,7 @@ import {
   getUpcomingEpisodes,
 } from '../../utils/forms/RecordingDetailsModalUtils.js';
 
-export const RecordingDetailsModal = ({
+const RecordingDetailsModal = ({
                                         opened,
                                         onClose,
                                         recording,
@@ -357,4 +357,6 @@ export const RecordingDetailsModal = ({
       {isSeriesGroup ? <Series /> : <Movie />}
     </Modal>
   );
-};
\ No newline at end of file
+};
+
+export default RecordingDetailsModal;
\ No newline at end of file
diff --git a/frontend/src/components/forms/RecurringRuleModal.jsx b/frontend/src/components/forms/RecurringRuleModal.jsx
index 1fbdd549..d574c8c0 100644
--- a/frontend/src/components/forms/RecurringRuleModal.jsx
+++ b/frontend/src/components/forms/RecurringRuleModal.jsx
@@ -21,7 +21,7 @@ import {
   updateRecurringRuleEnabled,
 } from '../../utils/forms/RecurringRuleModalUtils.js';
 
-export const RecurringRuleModal = ({ opened, onClose, ruleId, onEditOccurrence }) => {
+const RecurringRuleModal = ({ opened, onClose, ruleId, onEditOccurrence }) => {
   const channels = useChannelsStore((s) => s.channels);
   const recurringRules = useChannelsStore((s) => s.recurringRules);
   const fetchRecurringRules = useChannelsStore((s) => s.fetchRecurringRules);
@@ -376,4 +376,6 @@ export const RecurringRuleModal = ({ opened, onClose, ruleId, onEditOccurrence }
       </Stack>
     </Modal>
   );
-};
\ No newline at end of file
+};
+
+export default RecurringRuleModal;
\ No newline at end of file