diff --git a/packages/desktop-client/src/components/common/Toggle.tsx b/packages/desktop-client/src/components/common/Toggle.tsx
index 3eec2d31b0d..4ef611b5151 100644
--- a/packages/desktop-client/src/components/common/Toggle.tsx
+++ b/packages/desktop-client/src/components/common/Toggle.tsx
@@ -11,7 +11,13 @@ type ToggleProps = {
   style?: CSSProperties;
 };
 
-const Toggle = ({ id, checked, onChange, onColor, style }: ToggleProps) => {
+export const Toggle = ({
+  id,
+  checked,
+  onChange,
+  onColor,
+  style,
+}: ToggleProps) => {
   return (
     <div style={{ marginTop: -20, ...style }}>
       <input
@@ -31,5 +37,3 @@ const Toggle = ({ id, checked, onChange, onColor, style }: ToggleProps) => {
     </div>
   );
 };
-
-export default Toggle;
diff --git a/packages/desktop-client/src/components/common/ToggleMenu.tsx b/packages/desktop-client/src/components/common/ToggleMenu.tsx
index 291c1b0101b..b33b5d159b1 100644
--- a/packages/desktop-client/src/components/common/ToggleMenu.tsx
+++ b/packages/desktop-client/src/components/common/ToggleMenu.tsx
@@ -3,7 +3,7 @@ import { type ReactNode, useRef, useState, useEffect } from 'react';
 import { type CSSProperties, theme } from '../../style';
 
 import Text from './Text';
-import Toggle from './Toggle';
+import { Toggle } from './Toggle';
 import View from './View';
 
 type KeybindingProps = {
@@ -38,7 +38,7 @@ type ToggleMenuProps = {
   style?: CSSProperties;
 };
 
-export default function ToggleMenu({
+export function ToggleMenu({
   header,
   footer,
   items: allItems,
diff --git a/packages/desktop-client/src/components/reports/ReportSidebar.jsx b/packages/desktop-client/src/components/reports/ReportSidebar.jsx
index 454a57af537..dc17a3f3684 100644
--- a/packages/desktop-client/src/components/reports/ReportSidebar.jsx
+++ b/packages/desktop-client/src/components/reports/ReportSidebar.jsx
@@ -7,7 +7,7 @@ import { theme } from '../../style';
 import Button from '../common/Button';
 import Select from '../common/Select';
 import Text from '../common/Text';
-import ToggleMenu from '../common/ToggleMenu';
+import {ToggleMenu} from '../common/ToggleMenu';
 import View from '../common/View';
 import { Tooltip } from '../tooltips';