diff --git a/apps/dokploy/components/layouts/dashboard-layout.tsx b/apps/dokploy/components/layouts/dashboard-layout.tsx
index b65e7dbb8..727649922 100644
--- a/apps/dokploy/components/layouts/dashboard-layout.tsx
+++ b/apps/dokploy/components/layouts/dashboard-layout.tsx
@@ -1,6 +1,6 @@
import { api } from "@/utils/api";
import { ImpersonationBar } from "../dashboard/impersonation/impersonation-bar";
-import { ChatwootWidget } from "../shared/ChatwootWidget";
+import { HubSpotWidget } from "../shared/HubSpotWidget";
import Page from "./side";
interface Props {
@@ -25,7 +25,9 @@ export const DashboardLayout = ({ children }: Props) => {
<>
{children}
{isCloud === true && isUserSubscribed === true && (
-
+ <>
+
+ >
)}
{haveRootAccess === true && }
diff --git a/apps/dokploy/components/shared/HubSpotWidget.tsx b/apps/dokploy/components/shared/HubSpotWidget.tsx
new file mode 100644
index 000000000..ff3013459
--- /dev/null
+++ b/apps/dokploy/components/shared/HubSpotWidget.tsx
@@ -0,0 +1,14 @@
+import Script from "next/script";
+
+export const HubSpotWidget = () => {
+ return (
+
+ );
+};
diff --git a/apps/dokploy/styles/globals.css b/apps/dokploy/styles/globals.css
index 59d101654..8bd768e1a 100644
--- a/apps/dokploy/styles/globals.css
+++ b/apps/dokploy/styles/globals.css
@@ -247,3 +247,18 @@
.cm-lineWrapping {
@apply font-mono;
}
+
+/* HubSpot Widget - Force light color-scheme to prevent white background */
+#hubspot-messages-iframe-container,
+#hubspot-messages-iframe-container * {
+ background-color: transparent !important;
+ color-scheme: light !important;
+}
+
+#hubspot-messages-iframe-container .hs-shadow-container {
+ display: none !important;
+}
+
+#hubspot-conversations-iframe {
+ color-scheme: light !important;
+}