diff --git a/packages/client/src/pages/PortalSettings/categories/developer-tools/Webhooks/sub-components/WebhookInfo.js b/packages/client/src/pages/PortalSettings/categories/developer-tools/Webhooks/sub-components/WebhookInfo.js
index a207e5eee5..cce349dada 100644
--- a/packages/client/src/pages/PortalSettings/categories/developer-tools/Webhooks/sub-components/WebhookInfo.js
+++ b/packages/client/src/pages/PortalSettings/categories/developer-tools/Webhooks/sub-components/WebhookInfo.js
@@ -1,6 +1,12 @@
 import React from "react";
+import styled from "styled-components";
+import { InfoText } from "../styled-components";
 
-import { Link, InfoText, InfoWrapper } from "../styled-components";
+import { Link } from "@docspace/components";
+
+const InfoWrapper = styled.div`
+  margin-bottom: 27px;
+`;
 
 export const WebhookInfo = () => {
   return (
@@ -11,7 +17,14 @@ export const WebhookInfo = () => {
         Here, you can create and manage all your webhooks, configure them, and browse history of
         every webhook to audit their performance.
       </InfoText>
-      <Link href="https://api.onlyoffice.com/portals/basic">Webhooks Guide</Link>
+      <Link
+        fontWeight={600}
+        color="#316DAA"
+        isHovered
+        type="page"
+        href="https://api.onlyoffice.com/portals/basic">
+        Webhooks Guide
+      </Link>
     </InfoWrapper>
   );
 };