diff --git a/grafana-plugin/src/assets/style/utils.css b/grafana-plugin/src/assets/style/utils.css
index 68e86e61..d60a6742 100644
--- a/grafana-plugin/src/assets/style/utils.css
+++ b/grafana-plugin/src/assets/style/utils.css
@@ -36,12 +36,32 @@
   margin-right: 4px;
 }
 
+.u-margin-bottom-none {
+  margin-bottom: 0;
+}
+
+.u-margin-bottom-md {
+  margin-bottom: 12px;
+}
+
+.u-margin-top-xs {
+  margin-top: 4px;
+}
+
 .u-padding-top-md {
   padding-top: 12px;
 }
 
-.u-margin-bottom-none {
-  margin-bottom: 0;
+.u-padding-top-none {
+  padding-top: 0;
+}
+
+.u-padding-left-lg {
+  padding-left: 24px;
+}
+
+.u-padding-vertical-xs {
+  padding: 4px 0;
 }
 
 .u-pull-right {
diff --git a/grafana-plugin/src/components/GForm/GForm.tsx b/grafana-plugin/src/components/GForm/GForm.tsx
index fb1c77ec..fdb523f8 100644
--- a/grafana-plugin/src/components/GForm/GForm.tsx
+++ b/grafana-plugin/src/components/GForm/GForm.tsx
@@ -238,11 +238,13 @@ class GForm extends React.Component<GFormProps, {}> {
                 error={formItem.label ? `${formItem.label} is required` : `${capitalCase(formItem.name)} is required`}
                 description={formItem.description}
               >
-                {onFieldRender
-                  ? onFieldRender(formItem, disabled, formControl, getValues(), (value) =>
-                      setValue(formItem.name, value)
-                    )
-                  : formControl}
+                <div className="u-margin-top-xs">
+                  {onFieldRender
+                    ? onFieldRender(formItem, disabled, formControl, getValues(), (value) =>
+                        setValue(formItem.name, value)
+                      )
+                    : formControl}
+                </div>
               </Field>
             );
           };
diff --git a/grafana-plugin/src/components/GForm/GForm.types.ts b/grafana-plugin/src/components/GForm/GForm.types.ts
index bf9560a8..710c8f2d 100644
--- a/grafana-plugin/src/components/GForm/GForm.types.ts
+++ b/grafana-plugin/src/components/GForm/GForm.types.ts
@@ -1,3 +1,5 @@
+import { ReactNode } from 'react';
+
 export enum FormItemType {
   'Input' = 'input',
   'Password' = 'password',
@@ -13,10 +15,10 @@ export enum FormItemType {
 
 export interface FormItem {
   name: string;
-  label?: string;
+  label?: ReactNode;
   type: FormItemType;
   disabled?: boolean;
-  description?: string;
+  description?: ReactNode;
   placeholder?: string;
   normalize?: (value: any) => any;
   isVisible?: (data: any) => any;
diff --git a/grafana-plugin/src/components/IntegrationContactPoint/IntegrationContactPoint.tsx b/grafana-plugin/src/components/IntegrationContactPoint/IntegrationContactPoint.tsx
index c270e278..3f93ea65 100644
--- a/grafana-plugin/src/components/IntegrationContactPoint/IntegrationContactPoint.tsx
+++ b/grafana-plugin/src/components/IntegrationContactPoint/IntegrationContactPoint.tsx
@@ -128,7 +128,7 @@ const IntegrationContactPoint: React.FC<{
                       <HorizontalGroup justify="space-between">
                         <HorizontalGroup spacing="xs" align="center">
                           <Text type="primary">Grafana Alerting Contact point</Text>
-                          <Icon name="info-circle" className={cx('extra-fields__icon')} />
+                          <Icon name="info-circle" />
                         </HorizontalGroup>
 
                         {isConnectOpen ? <Icon name="arrow-down" /> : <Icon name="arrow-right" />}
diff --git a/grafana-plugin/src/components/PluginLink/PluginLink.tsx b/grafana-plugin/src/components/PluginLink/PluginLink.tsx
index df846bef..c3c182d9 100644
--- a/grafana-plugin/src/components/PluginLink/PluginLink.tsx
+++ b/grafana-plugin/src/components/PluginLink/PluginLink.tsx
@@ -14,12 +14,13 @@ interface PluginLinkProps {
   children: any;
   query?: Record<string, any>;
   target?: string;
+  onClick?: () => void;
 }
 
 const cx = cn.bind(styles);
 
 const PluginLink: FC<PluginLinkProps> = (props) => {
-  const { children, query, disabled, className, wrap = true, target } = props;
+  const { children, query, disabled, className, wrap = true, target, onClick } = props;
 
   const newPath = useMemo(() => getPathFromQueryParams(query), [query]);
 
@@ -27,11 +28,15 @@ const PluginLink: FC<PluginLinkProps> = (props) => {
     (event) => {
       event.stopPropagation();
 
-      if (disabled) {
+      if (disabled || onClick) {
         event.preventDefault();
       }
+
+      if (onClick) {
+        onClick();
+      }
     },
-    [disabled]
+    [disabled, onClick]
   );
 
   return (
diff --git a/grafana-plugin/src/containers/IntegrationForm/IntegrationForm.config.ts b/grafana-plugin/src/containers/IntegrationForm/IntegrationForm.config.tsx
similarity index 76%
rename from grafana-plugin/src/containers/IntegrationForm/IntegrationForm.config.ts
rename to grafana-plugin/src/containers/IntegrationForm/IntegrationForm.config.tsx
index 93fe8cce..fa5aedab 100644
--- a/grafana-plugin/src/containers/IntegrationForm/IntegrationForm.config.ts
+++ b/grafana-plugin/src/containers/IntegrationForm/IntegrationForm.config.tsx
@@ -1,3 +1,7 @@
+import React from 'react';
+
+import { Icon, Label, Tooltip } from '@grafana/ui';
+
 import { FormItem, FormItemType } from 'components/GForm/GForm.types';
 import { generateAssignToTeamInputDescription } from 'utils/consts';
 
@@ -19,8 +23,14 @@ export const form: { name: string; fields: FormItem[] } = {
     },
     {
       name: 'team',
-      label: 'Assign to team',
-      description: generateAssignToTeamInputDescription('Integrations'),
+      label: (
+        <Label>
+          <span>Assign to team</span>&nbsp;
+          <Tooltip content={generateAssignToTeamInputDescription('Integrations')} placement="right">
+            <Icon name="info-circle" />
+          </Tooltip>
+        </Label>
+      ),
       type: FormItemType.GSelect,
       extra: {
         modelName: 'grafanaTeamStore',
diff --git a/grafana-plugin/src/containers/IntegrationForm/IntegrationForm.tsx b/grafana-plugin/src/containers/IntegrationForm/IntegrationForm.tsx
index d4000f47..efb2c5b7 100644
--- a/grafana-plugin/src/containers/IntegrationForm/IntegrationForm.tsx
+++ b/grafana-plugin/src/containers/IntegrationForm/IntegrationForm.tsx
@@ -12,7 +12,6 @@ import {
   RadioButtonGroup,
   Select,
   Icon,
-  Label,
   Field,
 } from '@grafana/ui';
 import cn from 'classnames/bind';
@@ -23,6 +22,7 @@ import Collapse from 'components/Collapse/Collapse';
 import Block from 'components/GBlock/Block';
 import GForm, { CustomFieldSectionRendererProps } from 'components/GForm/GForm';
 import IntegrationLogo from 'components/IntegrationLogo/IntegrationLogo';
+import PluginLink from 'components/PluginLink/PluginLink';
 import Text from 'components/Text/Text';
 import Labels from 'containers/Labels/Labels';
 import { WithPermissionControlTooltip } from 'containers/WithPermissionControl/WithPermissionControlTooltip';
@@ -48,6 +48,7 @@ interface IntegrationFormProps {
   isTableView?: boolean;
   onHide: () => void;
   onSubmit: () => Promise<void>;
+  navigateToAlertGroupLabels: (id: AlertReceiveChannel['id']) => void;
 }
 
 const IntegrationForm = observer((props: IntegrationFormProps) => {
@@ -56,7 +57,7 @@ const IntegrationForm = observer((props: IntegrationFormProps) => {
 
   const labelsRef = useRef(null);
 
-  const { id, onHide, onSubmit, isTableView = true } = props;
+  const { id, onHide, onSubmit, isTableView = true, navigateToAlertGroupLabels } = props;
   const {
     alertReceiveChannelStore,
     userStore: { currentUser: user },
@@ -139,7 +140,25 @@ const IntegrationForm = observer((props: IntegrationFormProps) => {
 
               {store.hasFeature(AppFeature.Labels) && (
                 <div className={cx('labels')}>
-                  <Labels ref={labelsRef} errors={errors?.labels} value={data.labels} />
+                  <Labels
+                    ref={labelsRef}
+                    errors={errors?.labels}
+                    value={data.labels}
+                    description={
+                      <>
+                        Labels{id === 'new' ? ' will be ' : ' '}applied to the integration and inherited by alert
+                        groups.
+                        <br />
+                        You can modify behaviour in{' '}
+                        {id === 'new' ? (
+                          'Alert group labels'
+                        ) : (
+                          <PluginLink onClick={() => navigateToAlertGroupLabels(id)}>Alert group labels</PluginLink>
+                        )}{' '}
+                        drawer.
+                      </>
+                    }
+                  />
                 </div>
               )}
 
@@ -338,8 +357,10 @@ const CustomFieldSectionRenderer: React.FC<CustomFieldSectionRendererProps> = ({
     <div className={cx('extra-fields')}>
       <VerticalGroup spacing="md">
         <HorizontalGroup spacing="xs" align="center">
-          <Label>Grafana Alerting Contact point</Label>
-          <Icon name="info-circle" className={cx('extra-fields__icon')} />
+          <Text type="primary" size="small">
+            Grafana Alerting Contact point
+          </Text>
+          <Icon name="info-circle" />
         </HorizontalGroup>
 
         <div className={cx('extra-fields__radio')}>
diff --git a/grafana-plugin/src/containers/IntegrationLabelsForm/IntegrationLabelsForm.helpers.test.ts b/grafana-plugin/src/containers/IntegrationLabelsForm/IntegrationLabelsForm.helpers.test.ts
new file mode 100644
index 00000000..73c69188
--- /dev/null
+++ b/grafana-plugin/src/containers/IntegrationLabelsForm/IntegrationLabelsForm.helpers.test.ts
@@ -0,0 +1,41 @@
+import { getIsTooManyLabelsWarningVisible } from './IntegrationLabelsForm.helpers';
+
+describe('getIsTooManyLabelsWarningVisible()', () => {
+  const CUSTOM_LABEL = { key: { id: 'c', name: 'c' }, value: { id: 'c', name: 'c' } };
+
+  it('should return false if limit is not exceeded', () => {
+    expect(
+      getIsTooManyLabelsWarningVisible(
+        {
+          inheritable: undefined,
+          custom: undefined,
+          template: null,
+        },
+        3
+      )
+    ).toBe(false);
+    expect(
+      getIsTooManyLabelsWarningVisible(
+        {
+          inheritable: { a: true, b: false },
+          custom: [CUSTOM_LABEL, CUSTOM_LABEL],
+          template: null,
+        },
+        3
+      )
+    ).toBe(false);
+  });
+
+  it('should return true if limit is exceeded', () => {
+    expect(
+      getIsTooManyLabelsWarningVisible(
+        {
+          inheritable: { a: true, b: true },
+          custom: [CUSTOM_LABEL, CUSTOM_LABEL],
+          template: null,
+        },
+        3
+      )
+    ).toBe(true);
+  });
+});
diff --git a/grafana-plugin/src/containers/IntegrationLabelsForm/IntegrationLabelsForm.helpers.ts b/grafana-plugin/src/containers/IntegrationLabelsForm/IntegrationLabelsForm.helpers.ts
new file mode 100644
index 00000000..b98f400d
--- /dev/null
+++ b/grafana-plugin/src/containers/IntegrationLabelsForm/IntegrationLabelsForm.helpers.ts
@@ -0,0 +1,20 @@
+import { AlertReceiveChannel } from 'models/alert_receive_channel/alert_receive_channel.types';
+
+const countNumberOfInheritedAndCustomLabels = (alert_group_labels: AlertReceiveChannel['alert_group_labels']) => {
+  const inheritedCount = alert_group_labels.inheritable
+    ? Object.keys(alert_group_labels.inheritable).filter((labelKey) => alert_group_labels.inheritable?.[labelKey])
+        .length
+    : 0;
+  const customCount = alert_group_labels.custom?.length || 0;
+  return inheritedCount + customCount;
+};
+
+export const getIsTooManyLabelsWarningVisible = (
+  alert_group_labels: AlertReceiveChannel['alert_group_labels'],
+  limit = 15
+) => countNumberOfInheritedAndCustomLabels(alert_group_labels) > limit;
+
+export const getIsAddBtnDisabled = ({ custom }: AlertReceiveChannel['alert_group_labels']) => {
+  const lastItem = custom.at(-1);
+  return lastItem?.key.id === undefined || lastItem?.value.id === undefined;
+};
diff --git a/grafana-plugin/src/containers/IntegrationLabelsForm/IntegrationLabelsForm.tsx b/grafana-plugin/src/containers/IntegrationLabelsForm/IntegrationLabelsForm.tsx
index 9d1703c7..bd408a1e 100644
--- a/grafana-plugin/src/containers/IntegrationLabelsForm/IntegrationLabelsForm.tsx
+++ b/grafana-plugin/src/containers/IntegrationLabelsForm/IntegrationLabelsForm.tsx
@@ -2,16 +2,14 @@ import React, { ChangeEvent, useCallback, useState } from 'react';
 
 import { ServiceLabels } from '@grafana/labels';
 import {
+  Alert,
   Button,
   Drawer,
   Dropdown,
   HorizontalGroup,
-  Icon,
   InlineSwitch,
   Input,
-  Label,
   Menu,
-  Tooltip,
   VerticalGroup,
 } from '@grafana/ui';
 import cn from 'classnames/bind';
@@ -19,12 +17,18 @@ import { observer } from 'mobx-react';
 
 import Collapse from 'components/Collapse/Collapse';
 import MonacoEditor, { MONACO_LANGUAGE } from 'components/MonacoEditor/MonacoEditor';
+import PluginLink from 'components/PluginLink/PluginLink';
+import RenderConditionally from 'components/RenderConditionally/RenderConditionally';
 import Text from 'components/Text/Text';
 import IntegrationTemplate from 'containers/IntegrationTemplate/IntegrationTemplate';
 import { AlertReceiveChannel } from 'models/alert_receive_channel/alert_receive_channel.types';
+import { LabelsErrors } from 'models/label/label.types';
 import { ApiSchemas } from 'network/oncall-api/api.types';
 import { useStore } from 'state/useStore';
 import { openErrorNotification } from 'utils';
+import { DOCS_ROOT } from 'utils/consts';
+
+import { getIsAddBtnDisabled, getIsTooManyLabelsWarningVisible } from './IntegrationLabelsForm.helpers';
 
 import styles from './IntegrationLabelsForm.module.css';
 
@@ -36,15 +40,16 @@ interface IntegrationLabelsFormProps {
   id: AlertReceiveChannel['id'];
   onSubmit: () => void;
   onHide: () => void;
-  onOpenIntegraionSettings: (id: AlertReceiveChannel['id']) => void;
+  onOpenIntegrationSettings: (id: AlertReceiveChannel['id']) => void;
 }
 
 const IntegrationLabelsForm = observer((props: IntegrationLabelsFormProps) => {
-  const { id, onHide, onSubmit, onOpenIntegraionSettings } = props;
+  const { id, onHide, onSubmit, onOpenIntegrationSettings } = props;
 
   const store = useStore();
 
   const [showTemplateEditor, setShowTemplateEditor] = useState<boolean>(false);
+  const [customLabelsErrors, setCustomLabelsErrors] = useState<LabelsErrors>([]);
   const [customLabelIndexToShowTemplateEditor, setCustomLabelIndexToShowTemplateEditor] = useState<number>(undefined);
 
   const { alertReceiveChannelStore } = store;
@@ -54,18 +59,22 @@ const IntegrationLabelsForm = observer((props: IntegrationLabelsFormProps) => {
 
   const [alertGroupLabels, setAlertGroupLabels] = useState(alertReceiveChannel.alert_group_labels);
 
-  const handleSave = () => {
-    alertReceiveChannelStore.saveAlertReceiveChannel(id, { alert_group_labels: alertGroupLabels });
-
-    onSubmit();
-
-    onHide();
+  const handleSave = async () => {
+    try {
+      await alertReceiveChannelStore.saveAlertReceiveChannel(id, { alert_group_labels: alertGroupLabels });
+      onSubmit();
+      onHide();
+    } catch (err) {
+      if (err.response?.data?.alert_group_labels?.custom) {
+        setCustomLabelsErrors(err.response.data.alert_group_labels.custom);
+      }
+    }
   };
 
   const handleOpenIntegrationSettings = () => {
     onHide();
 
-    onOpenIntegraionSettings(id);
+    onOpenIntegrationSettings(id);
   };
 
   const onInheritanceChange = (keyId: ApiSchemas['LabelKey']['id']) => {
@@ -77,31 +86,54 @@ const IntegrationLabelsForm = observer((props: IntegrationLabelsFormProps) => {
 
   return (
     <>
-      <Drawer scrollableContent title="Alert group labels" onClose={onHide} closeOnMaskClick={false} width="640px">
+      <Drawer
+        scrollableContent
+        title="Alert group labeling"
+        subtitle={
+          <Text size="small" className="u-margin-top-xs">
+            Combination of settings that manage the labeling of alert groups. More information in{' '}
+            <a href={DOCS_ROOT} target="_blank" rel="noreferrer">
+              <Text type="link">documentation</Text>
+            </a>
+            .
+          </Text>
+        }
+        onClose={onHide}
+        closeOnMaskClick={false}
+        width="640px"
+      >
         <VerticalGroup spacing="lg">
+          <RenderConditionally shouldRender={getIsTooManyLabelsWarningVisible(alertGroupLabels)}>
+            <Alert title="More than 15 labels added" severity="warning">
+              We support up to 15 labels per Alert group. Please remove extra labels.
+              <br />
+              Otherwise, only the first 15 labels (alphabetically sorted by keys) will be applied.
+            </Alert>
+          </RenderConditionally>
           <VerticalGroup>
-            <HorizontalGroup spacing="xs" align="flex-start">
-              <Label>Inherited labels</Label>
-              <Tooltip content="Labels inherited from integration">
-                <Icon name="info-circle" className={cx('extra-fields__icon')} />
-              </Tooltip>
-            </HorizontalGroup>
+            <Text>Integration labels</Text>
             {alertReceiveChannel.labels.length ? (
-              <ul className={cx('labels-list')}>
-                {alertReceiveChannel.labels.map((label) => (
-                  <li key={label.key.id}>
-                    <HorizontalGroup spacing="xs">
-                      <Input width={INPUT_WIDTH / 8} value={label.key.name} disabled />
-                      <Input width={INPUT_WIDTH / 8} value={label.value.name} disabled />
-                      <InlineSwitch
-                        value={alertGroupLabels.inheritable[label.key.id]}
-                        transparent
-                        onChange={() => onInheritanceChange(label.key.id)}
-                      />
-                    </HorizontalGroup>
-                  </li>
-                ))}
-              </ul>
+              <VerticalGroup spacing="xs">
+                <Text type="secondary" size="small">
+                  Labels inherited from <PluginLink onClick={handleOpenIntegrationSettings}>the integration</PluginLink>
+                  . This behavior can be disabled using the toggle option.
+                </Text>
+                <ul className={cx('labels-list')}>
+                  {alertReceiveChannel.labels.map((label) => (
+                    <li key={label.key.id}>
+                      <HorizontalGroup spacing="xs">
+                        <Input width={INPUT_WIDTH / 8} value={label.key.name} disabled />
+                        <Input width={INPUT_WIDTH / 8} value={label.value.name} disabled />
+                        <InlineSwitch
+                          value={alertGroupLabels.inheritable[label.key.id]}
+                          transparent
+                          onChange={() => onInheritanceChange(label.key.id)}
+                        />
+                      </HorizontalGroup>
+                    </li>
+                  ))}
+                </ul>
+              </VerticalGroup>
             ) : (
               <VerticalGroup>
                 <Text type="secondary">There are no labels to inherit yet</Text>
@@ -114,14 +146,22 @@ const IntegrationLabelsForm = observer((props: IntegrationLabelsFormProps) => {
 
           <CustomLabels
             alertGroupLabels={alertGroupLabels}
-            onChange={setAlertGroupLabels}
+            onChange={(val) => {
+              setCustomLabelsErrors([]);
+              setAlertGroupLabels(val);
+            }}
             onShowTemplateEditor={setCustomLabelIndexToShowTemplateEditor}
+            customLabelsErrors={customLabelsErrors}
           />
 
-          <Collapse isOpen={false} label="Advanced label templating">
+          <Collapse isOpen={false} label="Multi-label extraction template" contentClassName="u-padding-top-none">
             <VerticalGroup>
               <HorizontalGroup justify="space-between" style={{ marginBottom: '10px' }}>
-                <Text type="secondary">Jinja2 template to parse all labels at once</Text>
+                <Text type="secondary" size="small" className="u-padding-left-lg">
+                  Allows for the extraction and modification of multiple labels from the alert payload using a single
+                  template. Supports not only dynamic values but also dynamic keys. The Jinja template must result in
+                  valid JSON dictionary.
+                </Text>
                 <Button
                   variant="secondary"
                   icon="edit"
@@ -204,12 +244,13 @@ const IntegrationLabelsForm = observer((props: IntegrationLabelsFormProps) => {
 
 interface CustomLabelsProps {
   alertGroupLabels: AlertReceiveChannel['alert_group_labels'];
+  customLabelsErrors: LabelsErrors;
   onChange: (value: AlertReceiveChannel['alert_group_labels']) => void;
   onShowTemplateEditor: (index: number) => void;
 }
 
 const CustomLabels = (props: CustomLabelsProps) => {
-  const { alertGroupLabels, onChange, onShowTemplateEditor } = props;
+  const { alertGroupLabels, onChange, onShowTemplateEditor, customLabelsErrors } = props;
 
   const { labelsStore } = useStore();
 
@@ -271,13 +312,19 @@ const CustomLabels = (props: CustomLabelsProps) => {
 
   return (
     <VerticalGroup>
-      <HorizontalGroup spacing="xs" align="flex-start">
-        <Label>Custom labels</Label>
-      </HorizontalGroup>
+      <Text>Dynamic & Static labels ss</Text>
+      <Text type="secondary" size="small">
+        Dynamic: label values are extracted from the alert payload using Jinja. Keys remain static.
+        <br />
+        Static: these are not derived from the payload; both key and value are static.
+        <br />
+        These labels will not be attached to the integration.
+      </Text>
       <ServiceLabels
         isAddingDisabled
         loadById
         inputWidth={INPUT_WIDTH}
+        errors={customLabelsErrors}
         value={alertGroupLabels.custom}
         onLoadKeys={cachedOnLoadKeys()}
         onLoadValuesForKey={cachedOnLoadValuesForKey()}
@@ -337,8 +384,8 @@ const CustomLabels = (props: CustomLabelsProps) => {
           </Menu>
         }
       >
-        <Button variant="secondary" icon="plus">
-          Add
+        <Button variant="secondary" icon="plus" disabled={getIsAddBtnDisabled(alertGroupLabels)}>
+          Add label
         </Button>
       </Dropdown>
     </VerticalGroup>
diff --git a/grafana-plugin/src/containers/Labels/Labels.tsx b/grafana-plugin/src/containers/Labels/Labels.tsx
index b11e1d50..4057df30 100644
--- a/grafana-plugin/src/containers/Labels/Labels.tsx
+++ b/grafana-plugin/src/containers/Labels/Labels.tsx
@@ -1,7 +1,7 @@
 import React, { forwardRef, useCallback, useImperativeHandle, useState } from 'react';
 
 import { ServiceLabels, ServiceLabelsProps } from '@grafana/labels';
-import { Field } from '@grafana/ui';
+import { Field, Icon, Label } from '@grafana/ui';
 import { isEmpty } from 'lodash-es';
 import { observer } from 'mobx-react';
 
@@ -13,11 +13,12 @@ export interface LabelsProps {
   value: LabelKeyValue[];
   errors: any;
   onDataUpdate?: ServiceLabelsProps['onDataUpdate'];
+  description?: React.ComponentProps<typeof Label>['description'];
 }
 
 const Labels = observer(
   forwardRef(function Labels2(props: LabelsProps, ref) {
-    const { value: defaultValue, errors: propsErrors, onDataUpdate } = props;
+    const { value: defaultValue, errors: propsErrors, onDataUpdate, description } = props;
 
     // propsErrors are 'external' caused by attaching/detaching labels to oncall entities,
     // state errors are errors caused by CRUD operations on labels storage
@@ -103,7 +104,14 @@ const Labels = observer(
 
     return (
       <div>
-        <Field label="Labels">
+        <Field
+          label={
+            <Label description={<div className="u-padding-vertical-xs">{description}</div>}>
+              <span>Labels</span>&nbsp;
+              <Icon name="info-circle" />
+            </Label>
+          }
+        >
           <ServiceLabels
             loadById
             value={value}
@@ -132,4 +140,4 @@ function onUpdateError(res) {
   }
 }
 
-export default Labels;
+export default React.memo(Labels);
diff --git a/grafana-plugin/src/containers/OutgoingWebhookForm/OutgoingWebhookForm.tsx b/grafana-plugin/src/containers/OutgoingWebhookForm/OutgoingWebhookForm.tsx
index 3c3879c5..b253ba56 100644
--- a/grafana-plugin/src/containers/OutgoingWebhookForm/OutgoingWebhookForm.tsx
+++ b/grafana-plugin/src/containers/OutgoingWebhookForm/OutgoingWebhookForm.tsx
@@ -57,22 +57,26 @@ export const WebhookTabs = {
   LastRun: new KeyValuePair('LastRun', 'Last Run'),
 };
 
-const CustomFieldSectionRenderer: React.FC<CustomFieldSectionRendererProps> = observer(
-  ({ errors, setValue, getValues }) => {
-    const { hasFeature } = useStore();
-    const onDataUpdate: LabelsProps['onDataUpdate'] = (val) => setValue(WebhookFormFieldName.Labels, val);
+const CustomFieldSectionRenderer: React.FC<CustomFieldSectionRendererProps> = observer(({ setValue, getValues }) => {
+  const {
+    hasFeature,
+    outgoingWebhookStore: { labelsFormErrors },
+  } = useStore();
+  const onDataUpdate: LabelsProps['onDataUpdate'] = useCallback(
+    (val) => setValue(WebhookFormFieldName.Labels, val),
+    []
+  );
 
-    return (
-      <RenderConditionally shouldRender={hasFeature(AppFeature.Labels)}>
-        <Labels
-          value={getValues<LabelKeyValue[]>(WebhookFormFieldName.Labels) || []}
-          errors={errors?.[WebhookFormFieldName.Labels]}
-          onDataUpdate={onDataUpdate}
-        />
-      </RenderConditionally>
-    );
-  }
-);
+  return (
+    <RenderConditionally shouldRender={hasFeature(AppFeature.Labels)}>
+      <Labels
+        value={getValues<LabelKeyValue[]>(WebhookFormFieldName.Labels) || []}
+        errors={labelsFormErrors}
+        onDataUpdate={onDataUpdate}
+      />
+    </RenderConditionally>
+  );
+});
 
 const OutgoingWebhookForm = observer((props: OutgoingWebhookFormProps) => {
   const history = useHistory();
@@ -93,11 +97,21 @@ const OutgoingWebhookForm = observer((props: OutgoingWebhookFormProps) => {
   const form = createForm(outgoingWebhookStore.outgoingWebhookPresets, hasFeature(AppFeature.Labels));
 
   const handleSubmit = useCallback(
-    (data: Partial<OutgoingWebhook>) => {
-      (isNewOrCopy ? outgoingWebhookStore.create(data) : outgoingWebhookStore.update(id, data)).then(() => {
+    async (data: Partial<OutgoingWebhook>) => {
+      try {
+        if (isNewOrCopy) {
+          await outgoingWebhookStore.create(data);
+        } else {
+          await outgoingWebhookStore.update(id, data);
+        }
+        outgoingWebhookStore.setLabelsFormErrors(undefined);
         onHide();
         onUpdate();
-      });
+      } catch (err) {
+        if (err.response?.data?.labels) {
+          outgoingWebhookStore.setLabelsFormErrors(err.response.data.labels);
+        }
+      }
     },
     [id]
   );
diff --git a/grafana-plugin/src/models/alert_receive_channel/alert_receive_channel.ts b/grafana-plugin/src/models/alert_receive_channel/alert_receive_channel.ts
index e2792a61..0c08b1d3 100644
--- a/grafana-plugin/src/models/alert_receive_channel/alert_receive_channel.ts
+++ b/grafana-plugin/src/models/alert_receive_channel/alert_receive_channel.ts
@@ -336,7 +336,7 @@ export class AlertReceiveChannelStore extends BaseStore {
   @action.bound
   @WithGlobalNotification({ success: 'Integration has been saved', failure: 'Failed to save integration' })
   async saveAlertReceiveChannel(id: AlertReceiveChannel['id'], data: Partial<AlertReceiveChannel>) {
-    const item = await this.update(id, data);
+    const item = await this.update(id, data, undefined, true);
 
     this.items = {
       ...this.items,
diff --git a/grafana-plugin/src/models/base_store.ts b/grafana-plugin/src/models/base_store.ts
index 3aa9acc3..50ea6b60 100644
--- a/grafana-plugin/src/models/base_store.ts
+++ b/grafana-plugin/src/models/base_store.ts
@@ -20,13 +20,23 @@ export default class BaseStore {
 
     if (error.response.status >= 400 && error.response.status < 500) {
       const payload = error.response.data;
+
       const text =
         typeof payload === 'string'
           ? payload
           : Object.keys(payload)
-              .map((key) => `${sentenceCase(key)}: ${payload[key]}`)
+              .map((key) => {
+                const candidate = `${sentenceCase(key)}: ${payload[key]}`;
+                if (candidate.includes('object Object')) {
+                  return undefined;
+                }
+                return candidate;
+              })
               .join('\n');
-      openWarningNotification(text);
+
+      if (text?.length) {
+        openWarningNotification(text);
+      }
     }
 
     throw error;
diff --git a/grafana-plugin/src/models/label/label.types.ts b/grafana-plugin/src/models/label/label.types.ts
index 44cbbcd0..e0fed4c3 100644
--- a/grafana-plugin/src/models/label/label.types.ts
+++ b/grafana-plugin/src/models/label/label.types.ts
@@ -4,3 +4,5 @@ export interface LabelKeyValue {
   key: ApiSchemas['LabelKey'];
   value: ApiSchemas['LabelValue'];
 }
+
+export type LabelsErrors = Array<{ key?: { id: string[]; name: string[] }; value?: { id: string[]; name: string[] } }>;
diff --git a/grafana-plugin/src/models/outgoing_webhook/outgoing_webhook.ts b/grafana-plugin/src/models/outgoing_webhook/outgoing_webhook.ts
index 9e869374..770c2d5d 100644
--- a/grafana-plugin/src/models/outgoing_webhook/outgoing_webhook.ts
+++ b/grafana-plugin/src/models/outgoing_webhook/outgoing_webhook.ts
@@ -1,6 +1,7 @@
 import { action, observable } from 'mobx';
 
 import BaseStore from 'models/base_store';
+import { LabelsErrors } from 'models/label/label.types';
 import { makeRequest } from 'network';
 import { RootStore } from 'state';
 
@@ -16,6 +17,9 @@ export class OutgoingWebhookStore extends BaseStore {
   @observable.shallow
   outgoingWebhookPresets: OutgoingWebhookPreset[] = [];
 
+  @observable
+  labelsFormErrors?: LabelsErrors;
+
   constructor(rootStore: RootStore) {
     super(rootStore);
 
@@ -106,4 +110,9 @@ export class OutgoingWebhookStore extends BaseStore {
     const response = await makeRequest(`/webhooks/preset_options/`, {});
     this.outgoingWebhookPresets = response;
   }
+
+  @action.bound
+  setLabelsFormErrors(errors: LabelsErrors) {
+    this.labelsFormErrors = errors;
+  }
 }
diff --git a/grafana-plugin/src/pages/integration/Integration.tsx b/grafana-plugin/src/pages/integration/Integration.tsx
index ab32cbb4..b4bc5f0d 100644
--- a/grafana-plugin/src/pages/integration/Integration.tsx
+++ b/grafana-plugin/src/pages/integration/Integration.tsx
@@ -790,6 +790,10 @@ const IntegrationActions: React.FC<IntegrationActionsProps> = ({
           onHide={() => setIsIntegrationSettingsOpen(false)}
           onSubmit={() => alertReceiveChannelStore.updateItem(alertReceiveChannel['id'])}
           id={alertReceiveChannel['id']}
+          navigateToAlertGroupLabels={(_id: AlertReceiveChannel['id']) => {
+            setIsIntegrationSettingsOpen(false);
+            setLabelsFormOpen(true);
+          }}
         />
       )}
 
@@ -800,7 +804,7 @@ const IntegrationActions: React.FC<IntegrationActionsProps> = ({
           }}
           onSubmit={() => alertReceiveChannelStore.updateItem(alertReceiveChannel['id'])}
           id={alertReceiveChannel['id']}
-          onOpenIntegraionSettings={() => {
+          onOpenIntegrationSettings={() => {
             setIsIntegrationSettingsOpen(true);
           }}
         />
diff --git a/grafana-plugin/src/pages/integrations/Integrations.tsx b/grafana-plugin/src/pages/integrations/Integrations.tsx
index b4c30e26..fc094637 100644
--- a/grafana-plugin/src/pages/integrations/Integrations.tsx
+++ b/grafana-plugin/src/pages/integrations/Integrations.tsx
@@ -294,6 +294,9 @@ class Integrations extends React.Component<IntegrationsProps, IntegrationsState>
             }}
             onSubmit={this.update}
             id={alertReceiveChannelId}
+            navigateToAlertGroupLabels={(id: AlertReceiveChannel['id']) => {
+              this.setState({ alertReceiveChannelId: undefined, alertReceiveChannelIdToShowLabels: id });
+            }}
           />
         )}
 
@@ -304,7 +307,7 @@ class Integrations extends React.Component<IntegrationsProps, IntegrationsState>
             }}
             onSubmit={this.update}
             id={alertReceiveChannelIdToShowLabels}
-            onOpenIntegraionSettings={(id: AlertReceiveChannel['id']) => {
+            onOpenIntegrationSettings={(id: AlertReceiveChannel['id']) => {
               this.setState({ alertReceiveChannelId: id });
             }}
           />
diff --git a/grafana-plugin/src/utils/consts.ts b/grafana-plugin/src/utils/consts.ts
index 1857c08a..34c73908 100644
--- a/grafana-plugin/src/utils/consts.ts
+++ b/grafana-plugin/src/utils/consts.ts
@@ -38,6 +38,7 @@ export const FARO_ENDPOINT_OPS =
 export const FARO_ENDPOINT_PROD =
   'https://faro-collector-prod-us-central-0.grafana.net/collect/03a11ed03c3af04dcfc3be9755f2b053';
 
+export const DOCS_ROOT = 'https://grafana.com/docs/oncall/latest';
 export const DOCS_SLACK_SETUP = 'https://grafana.com/docs/oncall/latest/open-source/#slack-setup';
 export const DOCS_TELEGRAM_SETUP = 'https://grafana.com/docs/oncall/latest/notify/telegram/';
 
diff --git a/grafana-plugin/src/utils/decorators.ts b/grafana-plugin/src/utils/decorators.ts
index 21f0c78e..dcedd8ff 100644
--- a/grafana-plugin/src/utils/decorators.ts
+++ b/grafana-plugin/src/utils/decorators.ts
@@ -52,7 +52,7 @@ export function WithGlobalNotification({
         const open = failureType === 'error' ? openErrorNotification : openWarningNotification;
         const message = composeFailureMessageFn ? composeFailureMessageFn(err) : failure;
         open(message);
-        throw new Error(err);
+        throw err;
       }
     };
   };