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..54831deb73 100644
--- a/packages/management/src/categories/spaces/sub-components/RowView/RoomContent.tsx
+++ b/packages/management/src/categories/spaces/sub-components/RowView/RoomContent.tsx
@@ -26,20 +26,17 @@
 
 import React from "react";
 import { useTranslation } from "react-i18next";
+import styled from "styled-components";
+
 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 { getConvertedSize } from "@docspace/shared/utils/common";
+import { mobile } from "@docspace/shared/utils";
 import { TPortals } from "SRC_DIR/types/spaces";
 
 const StyledRowContent = styled(RowContent)`
   padding-bottom: 10px;
   .row-main-container-wrapper {
-    ${isMobileOnly &&
-    css`
-      margin-top: 14px;
-    `}
     display: flex;
     justify-content: flex-start;
   }
@@ -47,6 +44,16 @@ const StyledRowContent = styled(RowContent)`
   .mainIcons {
     height: 20px;
   }
+
+  @media ${mobile} {
+    .row-main-container-wrapper {
+      flex-direction: column;
+    }
+
+    .mainIcons {
+      align-self: flex-start;
+    }
+  }
 `;
 
 type TRoomContent = {