diff --git a/packages/client/src/pages/PortalSettings/categories/developer-tools/OAuth/sub-components/InfoDialog.tsx b/packages/client/src/pages/PortalSettings/categories/developer-tools/OAuth/sub-components/InfoDialog.tsx
index a37c7c1cbe..4949b15a3e 100644
--- a/packages/client/src/pages/PortalSettings/categories/developer-tools/OAuth/sub-components/InfoDialog.tsx
+++ b/packages/client/src/pages/PortalSettings/categories/developer-tools/OAuth/sub-components/InfoDialog.tsx
@@ -25,6 +25,7 @@ import { TTranslation } from "@docspace/shared/types";
import { ContextMenuModel } from "@docspace/shared/components/context-menu";
import { OAuthStoreProps } from "SRC_DIR/store/OAuthStore";
+import { Tag } from "@docspace/shared/components/tag";
const StyledContainer = styled.div<{
showDescription: boolean;
@@ -118,6 +119,23 @@ const StyledContainer = styled.div<{
background: ${(props) => props.theme.oauth.infoDialog.separatorColor};
}
}
+
+ .property-tag_list {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 4px;
+
+ .property-tag {
+ max-width: 195px;
+ margin: 0;
+ background: ${(props) => props.theme.infoPanel.details.tagBackground};
+ p {
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ }
+ }
+ }
`;
StyledContainer.defaultProps = { theme: Base };
@@ -288,7 +306,6 @@ const InfoDialog = ({
)}
>
)}
-