diff --git a/web/apps/photos/src/components/Sidebar/DebugSection.tsx b/web/apps/photos/src/components/Sidebar/DebugSection.tsx
deleted file mode 100644
index e69de29bb..000000000
diff --git a/web/apps/photos/src/components/Sidebar/ExitSection.tsx b/web/apps/photos/src/components/Sidebar/ExitSection.tsx
deleted file mode 100644
index 272f2c572..000000000
--- a/web/apps/photos/src/components/Sidebar/ExitSection.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-import DeleteAccountModal from "components/DeleteAccountModal";
-import { EnteMenuItem } from "components/Menu/EnteMenuItem";
-import { t } from "i18next";
-import { AppContext } from "pages/_app";
-import { useContext, useState } from "react";
-
-export default function ExitSection() {
-    const { setDialogMessage, logout } = useContext(AppContext);
-
-    const [deleteAccountModalView, setDeleteAccountModalView] = useState(false);
-
-    const closeDeleteAccountModal = () => setDeleteAccountModalView(false);
-    const openDeleteAccountModal = () => setDeleteAccountModalView(true);
-
-    const confirmLogout = () => {
-        setDialogMessage({
-            title: t("LOGOUT_MESSAGE"),
-            proceed: {
-                text: t("LOGOUT"),
-                action: logout,
-                variant: "critical",
-            },
-            close: { text: t("CANCEL") },
-        });
-    };
-
-    return (
-        <>
-            <EnteMenuItem
-                onClick={confirmLogout}
-                color="critical"
-                label={t("LOGOUT")}
-                variant="secondary"
-            />
-            <EnteMenuItem
-                onClick={openDeleteAccountModal}
-                color="critical"
-                variant="secondary"
-                label={t("DELETE_ACCOUNT")}
-            />
-            <DeleteAccountModal
-                open={deleteAccountModalView}
-                onClose={closeDeleteAccountModal}
-            />
-        </>
-    );
-}
diff --git a/web/apps/photos/src/components/Sidebar/index.tsx b/web/apps/photos/src/components/Sidebar/index.tsx
index b3b672b47..b076bd6bc 100644
--- a/web/apps/photos/src/components/Sidebar/index.tsx
+++ b/web/apps/photos/src/components/Sidebar/index.tsx
@@ -1,23 +1,23 @@
+import log from "@/next/log";
+import { savedLogs } from "@/next/log-web";
+import { downloadAsFile } from "@ente/shared/utils";
 import { Divider, Stack } from "@mui/material";
+import Typography from "@mui/material/Typography";
+import DeleteAccountModal from "components/DeleteAccountModal";
+import { EnteMenuItem } from "components/Menu/EnteMenuItem";
+import { t } from "i18next";
+import { AppContext } from "pages/_app";
+import { useContext, useEffect, useState } from "react";
+import { Trans } from "react-i18next";
 import { CollectionSummaries } from "types/collection";
-import ExitSection from "./ExitSection";
+import { isInternalUser } from "utils/user";
+import { testUpload } from "../../../tests/upload.test";
 import HeaderSection from "./Header";
 import HelpSection from "./HelpSection";
 import ShortcutSection from "./ShortcutSection";
 import UtilitySection from "./UtilitySection";
 import { DrawerSidebar } from "./styledComponents";
 import UserDetailsSection from "./userDetailsSection";
-import log from "@/next/log";
-import { savedLogs } from "@/next/log-web";
-import { downloadAsFile } from "@ente/shared/utils";
-import Typography from "@mui/material/Typography";
-import { EnteMenuItem } from "components/Menu/EnteMenuItem";
-import { t } from "i18next";
-import { AppContext } from "pages/_app";
-import { useContext, useEffect, useState } from "react";
-import { Trans } from "react-i18next";
-import { isInternalUser } from "utils/user";
-import { testUpload } from "../../../tests/upload.test";
 
 interface Iprops {
     collectionSummaries: CollectionSummaries;
@@ -51,6 +51,48 @@ export default function Sidebar({
     );
 }
 
+const ExitSection: React.FC = () => {
+    const { setDialogMessage, logout } = useContext(AppContext);
+
+    const [deleteAccountModalView, setDeleteAccountModalView] = useState(false);
+
+    const closeDeleteAccountModal = () => setDeleteAccountModalView(false);
+    const openDeleteAccountModal = () => setDeleteAccountModalView(true);
+
+    const confirmLogout = () => {
+        setDialogMessage({
+            title: t("LOGOUT_MESSAGE"),
+            proceed: {
+                text: t("LOGOUT"),
+                action: logout,
+                variant: "critical",
+            },
+            close: { text: t("CANCEL") },
+        });
+    };
+
+    return (
+        <>
+            <EnteMenuItem
+                onClick={confirmLogout}
+                color="critical"
+                label={t("LOGOUT")}
+                variant="secondary"
+            />
+            <EnteMenuItem
+                onClick={openDeleteAccountModal}
+                color="critical"
+                variant="secondary"
+                label={t("DELETE_ACCOUNT")}
+            />
+            <DeleteAccountModal
+                open={deleteAccountModalView}
+                onClose={closeDeleteAccountModal}
+            />
+        </>
+    );
+};
+
 const DebugSection: React.FC = () => {
     const appContext = useContext(AppContext);
     const [appVersion, setAppVersion] = useState<string | undefined>();
@@ -107,4 +149,4 @@ const DebugSection: React.FC = () => {
             )}
         </>
     );
-}
+};