diff --git a/apps/web/pages/v2/apps/installed/[category].tsx b/apps/web/pages/v2/apps/installed/[category].tsx
index 76424f06ee..fdd931a64b 100644
--- a/apps/web/pages/v2/apps/installed/[category].tsx
+++ b/apps/web/pages/v2/apps/installed/[category].tsx
@@ -4,7 +4,6 @@ import z from "zod";
import { AppSettings } from "@calcom/app-store/_components/AppSettings";
import { InstallAppButton } from "@calcom/app-store/components";
import { InstalledAppVariants } from "@calcom/app-store/utils";
-import { classNames } from "@calcom/lib";
import { useLocale } from "@calcom/lib/hooks/useLocale";
import { inferQueryOutput, trpc } from "@calcom/trpc/react";
import { App } from "@calcom/types/App";
@@ -118,9 +117,7 @@ const IntegrationsList = ({ data }: IntegrationsListProps) => {
/>
}>
-
+
))}
diff --git a/packages/app-store/_components/AppSettings.tsx b/packages/app-store/_components/AppSettings.tsx
index c3ee5c08c2..a2a41ba4be 100644
--- a/packages/app-store/_components/AppSettings.tsx
+++ b/packages/app-store/_components/AppSettings.tsx
@@ -4,6 +4,10 @@ import { DynamicComponent } from "./DynamicComponent";
export const AppSettings = (props: { slug: string }) => {
return (
- componentMap={AppSettingsComponentsMap} {...props} />
+
+ wrapperClassName="border-t border-gray-200"
+ componentMap={AppSettingsComponentsMap}
+ {...props}
+ />
);
};
diff --git a/packages/app-store/_components/DynamicComponent.tsx b/packages/app-store/_components/DynamicComponent.tsx
index 25ba7288a6..26ca507292 100644
--- a/packages/app-store/_components/DynamicComponent.tsx
+++ b/packages/app-store/_components/DynamicComponent.tsx
@@ -1,9 +1,17 @@
-export function DynamicComponent>(props: { componentMap: T; slug: string }) {
+export function DynamicComponent>(props: {
+ componentMap: T;
+ slug: string;
+ wrapperClassName?: string;
+}) {
const { componentMap, slug, ...rest } = props;
if (!componentMap[slug]) return null;
const Component = componentMap[slug];
- return ;
+ return (
+
+
+
+ );
}