diff --git a/packages/management/src/categories/spaces/sub-components/RowView/RoomContent.tsx b/packages/management/src/categories/spaces/sub-components/RowView/RoomContent.tsx
index 4ec1006a3c..f72a254f78 100644
--- a/packages/management/src/categories/spaces/sub-components/RowView/RoomContent.tsx
+++ b/packages/management/src/categories/spaces/sub-components/RowView/RoomContent.tsx
@@ -26,11 +26,15 @@
 
 import React from "react";
 import { useTranslation } from "react-i18next";
-import { RowContent } from "@docspace/shared/components/row-content";
-import { Text } from "@docspace/shared/components/text";
 import styled, { css } from "styled-components";
 import { isMobileOnly } from "react-device-detect";
+
+import { RowContent } from "@docspace/shared/components/row-content";
+import { Text } from "@docspace/shared/components/text";
+
 import { getConvertedSize } from "@docspace/shared/utils/common";
+import { TTheme } from "@docspace/shared/themes";
+
 import { TPortals } from "SRC_DIR/types/spaces";
 
 const StyledRowContent = styled(RowContent)`
@@ -52,9 +56,10 @@ const StyledRowContent = styled(RowContent)`
 type TRoomContent = {
   item: TPortals;
   isCurrentPortal: boolean;
+  theme: TTheme;
 };
 
-export const RoomContent = ({ item, isCurrentPortal }: TRoomContent) => {
+export const RoomContent = ({ item, isCurrentPortal, theme }: TRoomContent) => {
   const { t } = useTranslation(["Management", "Common", "Settings"]);
 
   const { roomAdminCount, usersCount, roomsCount, usedSize } =
@@ -71,11 +76,14 @@ export const RoomContent = ({ item, isCurrentPortal }: TRoomContent) => {
   const storageSpace =
     customQuota >= 0 ? `${usedStorage}/${maxStorage}` : `${usedStorage}`;
 
+  const sideColor = theme?.management?.sideColor;
+  const nameColor = theme?.management?.nameColor;
+
   return (
     <StyledRowContent
       sectionWidth={"620px"}
-      sideColor="#A3A9AE"
-      nameColor="#D0D5DA"
+      sideColor={sideColor}
+      nameColor={nameColor}
       className="spaces_row-content"
     >
       <div className="user-container-wrapper">
diff --git a/packages/management/src/categories/spaces/sub-components/RowView/SpacesRoomRow.tsx b/packages/management/src/categories/spaces/sub-components/RowView/SpacesRoomRow.tsx
index 899894445d..179031c898 100644
--- a/packages/management/src/categories/spaces/sub-components/RowView/SpacesRoomRow.tsx
+++ b/packages/management/src/categories/spaces/sub-components/RowView/SpacesRoomRow.tsx
@@ -68,7 +68,7 @@ type TRow = {
 const SpacesRoomRow = ({ item }: TRow) => {
   const { spacesStore, settingsStore } = useStore();
   const { setDeletePortalDialogVisible, setCurrentPortal } = spacesStore;
-  const { tenantAlias, getAllPortals } = settingsStore;
+  const { tenantAlias, getAllPortals, theme } = settingsStore;
 
   const [isVisibleDialog, setIsVisibleDialog] = useState(false);
   const [isDisableQuota, setIsDisableQuota] = useState(false);
@@ -152,6 +152,7 @@ const SpacesRoomRow = ({ item }: TRow) => {
         element={logoElement}
         key={item.id}
         data={item}
+        theme={theme}
       >
         <RoomContent item={item} isCurrentPortal={isCurrentPortal} />
       </StyledRoomRow>