diff --git a/src/library-authoring/collections/CollectionInfo.tsx b/src/library-authoring/collections/CollectionInfo.tsx
index a3098dc178..245c6155a9 100644
--- a/src/library-authoring/collections/CollectionInfo.tsx
+++ b/src/library-authoring/collections/CollectionInfo.tsx
@@ -8,7 +8,13 @@ import {
 import { useCallback } from 'react';
 import { useNavigate, useMatch } from 'react-router-dom';
 
-import { useLibraryContext } from '../common/context';
+import {
+  useLibraryContext,
+  type CollectionInfoTab,
+  COLLECTION_INFO_TABS,
+  isCollectionInfoTab,
+  COMPONENT_INFO_TABS,
+} from '../common/context';
 import CollectionDetails from './CollectionDetails';
 import messages from './messages';
 import { ContentTagsDrawer } from '../../content-tags-drawer';
@@ -24,8 +30,13 @@ const CollectionInfo = () => {
     setCollectionId,
     sidebarComponentInfo,
     componentPickerMode,
+    setSidebarCurrentTab,
   } = useLibraryContext();
 
+  const tab: CollectionInfoTab = (
+    sidebarComponentInfo?.currentTab && isCollectionInfoTab(sidebarComponentInfo.currentTab)
+  ) ? sidebarComponentInfo?.currentTab : COLLECTION_INFO_TABS.Manage;
+
   const sidebarCollectionId = sidebarComponentInfo?.id;
   // istanbul ignore if: this should never happen
   if (!sidebarCollectionId) {
@@ -63,15 +74,17 @@ const CollectionInfo = () => {
       <Tabs
         variant="tabs"
         className="my-3 d-flex justify-content-around"
-        defaultActiveKey="manage"
+        defaultActiveKey={COMPONENT_INFO_TABS.Manage}
+        activeKey={tab}
+        onSelect={setSidebarCurrentTab}
       >
-        <Tab eventKey="manage" title={intl.formatMessage(messages.manageTabTitle)}>
+        <Tab eventKey={COMPONENT_INFO_TABS.Manage} title={intl.formatMessage(messages.manageTabTitle)}>
           <ContentTagsDrawer
             id={collectionUsageKey}
             variant="component"
           />
         </Tab>
-        <Tab eventKey="details" title={intl.formatMessage(messages.detailsTabTitle)}>
+        <Tab eventKey={COMPONENT_INFO_TABS.Details} title={intl.formatMessage(messages.detailsTabTitle)}>
           <CollectionDetails />
         </Tab>
       </Tabs>
diff --git a/src/library-authoring/common/context.tsx b/src/library-authoring/common/context.tsx
index 84068b4a63..a862942f41 100644
--- a/src/library-authoring/common/context.tsx
+++ b/src/library-authoring/common/context.tsx
@@ -61,11 +61,32 @@ export enum SidebarBodyComponentId {
   CollectionInfo = 'collection-info',
 }
 
+export const COLLECTION_INFO_TABS = {
+  Manage: 'manage',
+  Details: 'details',
+} as const;
+export type CollectionInfoTab = typeof COLLECTION_INFO_TABS[keyof typeof COLLECTION_INFO_TABS];
+export const isCollectionInfoTab = (tab: string): tab is CollectionInfoTab => (
+  Object.values<string>(COLLECTION_INFO_TABS).includes(tab)
+);
+
+export const COMPONENT_INFO_TABS = {
+  Preview: 'preview',
+  Manage: 'manage',
+  Details: 'details',
+} as const;
+export type ComponentInfoTab = typeof COMPONENT_INFO_TABS[keyof typeof COMPONENT_INFO_TABS];
+export const isComponentInfoTab = (tab: string): tab is ComponentInfoTab => (
+  Object.values<string>(COMPONENT_INFO_TABS).includes(tab)
+);
+
 export interface SidebarComponentInfo {
   type: SidebarBodyComponentId;
   id: string;
   /** Additional action on Sidebar display */
   additionalAction?: SidebarAdditionalActions;
+  /** Current tab in the sidebar */
+  currentTab?: CollectionInfoTab | ComponentInfoTab;
 }
 
 export interface ComponentEditorInfo {
@@ -110,6 +131,7 @@ export type LibraryContextData = {
   openComponentEditor: (usageKey: string, onClose?: () => void) => void;
   closeComponentEditor: () => void;
   resetSidebarAdditionalActions: () => void;
+  setSidebarCurrentTab: (tab: CollectionInfoTab | ComponentInfoTab) => void;
 } & ComponentPickerType;
 
 /**
@@ -209,22 +231,26 @@ export const LibraryProvider = ({
   const openInfoSidebar = useCallback(() => {
     setSidebarComponentInfo({ id: '', type: SidebarBodyComponentId.Info });
   }, []);
+
   const openComponentInfoSidebar = useCallback((usageKey: string, additionalAction?: SidebarAdditionalActions) => {
-    setSidebarComponentInfo({
+    setSidebarComponentInfo((prev) => ({
+      ...prev,
       id: usageKey,
       type: SidebarBodyComponentId.ComponentInfo,
       additionalAction,
-    });
+    }));
   }, []);
+
   const openCollectionInfoSidebar = useCallback((
     newCollectionId: string,
     additionalAction?: SidebarAdditionalActions,
   ) => {
-    setSidebarComponentInfo({
+    setSidebarComponentInfo((prev) => ({
+      ...prev,
       id: newCollectionId,
       type: SidebarBodyComponentId.CollectionInfo,
       additionalAction,
-    });
+    }));
   }, []);
 
   const addComponentToSelectedComponents = useCallback<ComponentSelectedEvent>((
@@ -257,6 +283,10 @@ export const LibraryProvider = ({
     });
   }, []);
 
+  const setSidebarCurrentTab = useCallback((tab: CollectionInfoTab | ComponentInfoTab) => {
+    setSidebarComponentInfo((prev) => (prev && { ...prev, currentTab: tab }));
+  }, []);
+
   const { data: libraryData, isLoading: isLoadingLibraryData } = useContentLibrary(libraryId);
 
   const readOnly = !!componentPickerMode || !libraryData?.canEditLibrary;
@@ -286,6 +316,7 @@ export const LibraryProvider = ({
       openComponentEditor,
       closeComponentEditor,
       resetSidebarAdditionalActions,
+      setSidebarCurrentTab,
     };
     if (!componentPickerMode) {
       return {
diff --git a/src/library-authoring/component-info/ComponentInfo.tsx b/src/library-authoring/component-info/ComponentInfo.tsx
index 43ccbd3c4a..e3f60a52ec 100644
--- a/src/library-authoring/component-info/ComponentInfo.tsx
+++ b/src/library-authoring/component-info/ComponentInfo.tsx
@@ -11,7 +11,13 @@ import {
   CheckBoxOutlineBlank,
 } from '@openedx/paragon/icons';
 
-import { SidebarAdditionalActions, useLibraryContext } from '../common/context';
+import {
+  SidebarAdditionalActions,
+  useLibraryContext,
+  COMPONENT_INFO_TABS,
+  ComponentInfoTab,
+  isComponentInfoTab,
+} from '../common/context';
 import ComponentMenu from '../components';
 import { canEditComponent } from '../components/ComponentEditorModal';
 import ComponentDetails from './ComponentDetails';
@@ -96,20 +102,25 @@ const ComponentInfo = () => {
     readOnly,
     openComponentEditor,
     resetSidebarAdditionalActions,
+    setSidebarCurrentTab,
   } = useLibraryContext();
 
   const jumpToCollections = sidebarComponentInfo?.additionalAction === SidebarAdditionalActions.JumpToAddCollections;
-  // Show Manage tab if JumpToAddCollections action is set in sidebarComponentInfo
-  const [tab, setTab] = React.useState(jumpToCollections ? 'manage' : 'preview');
+
+  const tab: ComponentInfoTab = (
+    sidebarComponentInfo?.currentTab && isComponentInfoTab(sidebarComponentInfo.currentTab)
+  ) ? sidebarComponentInfo?.currentTab : COMPONENT_INFO_TABS.Preview;
+
   useEffect(() => {
+    // Show Manage tab if JumpToAddCollections action is set in sidebarComponentInfo
     if (jumpToCollections) {
-      setTab('manage');
+      setSidebarCurrentTab(COMPONENT_INFO_TABS.Manage);
     }
   }, [jumpToCollections]);
 
   useEffect(() => {
     // This is required to redo actions.
-    if (tab !== 'manage') {
+    if (tab !== COMPONENT_INFO_TABS.Manage) {
       resetSidebarAdditionalActions();
     }
   }, [tab]);
@@ -158,16 +169,17 @@ const ComponentInfo = () => {
       <Tabs
         variant="tabs"
         className="my-3 d-flex justify-content-around"
+        defaultActiveKey={COMPONENT_INFO_TABS.Preview}
         activeKey={tab}
-        onSelect={(k: string) => setTab(k)}
+        onSelect={setSidebarCurrentTab}
       >
-        <Tab eventKey="preview" title={intl.formatMessage(messages.previewTabTitle)}>
+        <Tab eventKey={COMPONENT_INFO_TABS.Preview} title={intl.formatMessage(messages.previewTabTitle)}>
           <ComponentPreview />
         </Tab>
-        <Tab eventKey="manage" title={intl.formatMessage(messages.manageTabTitle)}>
+        <Tab eventKey={COMPONENT_INFO_TABS.Manage} title={intl.formatMessage(messages.manageTabTitle)}>
           <ComponentManagement />
         </Tab>
-        <Tab eventKey="details" title={intl.formatMessage(messages.detailsTabTitle)}>
+        <Tab eventKey={COMPONENT_INFO_TABS.Details} title={intl.formatMessage(messages.detailsTabTitle)}>
           <ComponentDetails />
         </Tab>
       </Tabs>