diff --git a/front/assets/js/insights/components/custom_dashboards.tsx b/front/assets/js/insights/components/custom_dashboards.tsx
index 1c2522d1e..14dcbdd0f 100644
--- a/front/assets/js/insights/components/custom_dashboards.tsx
+++ b/front/assets/js/insights/components/custom_dashboards.tsx
@@ -1,21 +1,21 @@
-import { useNavigate, useParams } from 'react-router-dom';
-import { useContext, useLayoutEffect, useState } from 'preact/hooks';
-import { Dashboard, DashboardItem } from '../types/dashboard';
-import { DashboardItemForm } from './forms/dashboard_item_form';
-import * as types from '../types';
-import * as util from '../util';
-import { useToggle } from '../util';
-import { CreateDashboardItem } from '../types/json_interface';
-import { Config } from '../app';
-import { State as DState } from '../stores/dashboards';
-import { State as DRState } from '../stores/metric_date_range';
+import { useNavigate, useParams } from "react-router-dom";
+import { useContext, useLayoutEffect, useState } from "preact/hooks";
+import { Dashboard, DashboardItem } from "../types/dashboard";
+import { DashboardItemForm } from "./forms/dashboard_item_form";
+import * as types from "../types";
+import * as util from "../util";
+import { useToggle } from "../util";
+import { CreateDashboardItem } from "../types/json_interface";
+import { Config } from "../app";
+import { State as DState } from "../stores/dashboards";
+import { State as DRState } from "../stores/metric_date_range";
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore
-import { Notice } from '../../notice';
-import { DashboardItemCard } from './dashboard_item_card';
-import { InsightsType, typeByMetric } from '../types/insights_type';
-import { empty_custom_dashboard } from './zero_state/empty_custom_dashboard';
-import Tippy from '@tippyjs/react';
+import { Notice } from "../../notice";
+import { DashboardItemCard } from "./dashboard_item_card";
+import { InsightsType, typeByMetric } from "../types/insights_type";
+import { empty_custom_dashboard } from "./zero_state/empty_custom_dashboard";
+import Tippy from "@tippyjs/react";
 import { handleMetricDatePickerChanged } from "../util/event_handlers";
 import * as stores from "../stores";
 
@@ -26,12 +26,21 @@ interface Props {
   renameHandler: (id: string, name: string) => void;
 }
 
-export const CustomDashboards = ({ state, dispatchDashboard, deleteHandler, renameHandler }: Props) => {
-
+export const CustomDashboards = ({
+  state,
+  dispatchDashboard,
+  deleteHandler,
+  renameHandler,
+}: Props) => {
   const { id } = useParams<`id`>();
-  const dashboard = state.dashboards.find(d => d.id === id);
+  const dashboard = state.dashboards.find((d) => d.id === id);
   const navigate = useNavigate();
-  const { dashboardsUrl, pipelineReliabilityUrl, pipelineFrequencyUrl, pipelinePerformanceUrl } = useContext(Config);
+  const {
+    dashboardsUrl,
+    pipelineReliabilityUrl,
+    pipelineFrequencyUrl,
+    pipelinePerformanceUrl,
+  } = useContext(Config);
 
   const dateRangeStore = useContext(stores.MetricDateRange.Context);
   const dateRangeState = dateRangeStore.state;
@@ -41,6 +50,8 @@ export const CustomDashboards = ({ state, dispatchDashboard, deleteHandler, rena
   endpointUrls.frequency = pipelineFrequencyUrl;
   endpointUrls.dashboards = dashboardsUrl;
 
+  const [dashboardName, setDashboardName] = useState(dashboard.name);
+
   const { show, toggle } = useToggle();
 
   if (!dashboard) {
@@ -51,11 +62,12 @@ export const CustomDashboards = ({ state, dispatchDashboard, deleteHandler, rena
   const scrollToForm = () => {
     toggle();
     setTimeout(() => {
-      document.getElementById(`dashboard-item-form`)?.scrollIntoView({ behavior: `smooth` });
+      document
+        .getElementById(`dashboard-item-form`)
+        ?.scrollIntoView({ behavior: `smooth` });
     }, 100);
   };
 
-
   useLayoutEffect(() => {
     let items = dashboard.items;
     if (!items) {
@@ -71,54 +83,59 @@ export const CustomDashboards = ({ state, dispatchDashboard, deleteHandler, rena
   }, [dashboard, dateRangeState.selectedMetricDateRangeLabel]);
 
   // --- rename dashboard item
-  const updateDashboardItem = async (url: string, dashboardId: string, id: string, name: string) => {
+  const updateDashboardItem = async (
+    url: string,
+    dashboardId: string,
+    id: string,
+    name: string,
+    notes: string
+  ) => {
     try {
       const response = await fetch(`${url}/${dashboardId}/${id}`, {
         method: `PUT`,
         headers: util.Headers(),
-        body: `name=${name}`
+        body: `name=${name}&description=${notes}`,
       });
 
       if (response.ok) {
-        dispatchDashboard({ type: `UPDATE_DASHBOARD_ITEM_NAME`, dashboardId: dashboard.id, itemId: id, name: name });
-      }
-    } catch (e) {
-      Notice.error(`Failed to update Dashboard Item.`);
-    }
-  };
-
-  const updateDashboardItemHandler = (id: string, name: string) => {
-    updateDashboardItem(dashboardsUrl, dashboard.id, id, name).catch(() => {
-      return;
-    });
-  };
-
-  // --- Update item description
-  const updateDashboardItemDescription = async (url: string, dashboardId: string, id: string, description: string) => {
-    try {
-      const response = await fetch(`${url}/${dashboardId}/${id}/description`, {
-        method: `PUT`,
-        headers: util.Headers(),
-        body: `description=${description}`
-      });
+        dispatchDashboard({
+          type: `UPDATE_DASHBOARD_ITEM_NAME`,
+          dashboardId: dashboard.id,
+          itemId: id,
+          name: name,
+        });
 
-      if (response.ok) {
-        dispatchDashboard({ type: `UPDATE_DASHBOARD_ITEM_DESCRIPTION`, dashboardId: dashboard.id, itemId: id, description: description });
+        dispatchDashboard({
+          type: `UPDATE_DASHBOARD_ITEM_DESCRIPTION`,
+          dashboardId: dashboard.id,
+          itemId: id,
+          description: notes,
+        });
       }
     } catch (e) {
       Notice.error(`Failed to update Dashboard Item.`);
     }
   };
 
-  const updateDashboardItemDescriptionHandler = (id: string, description: string) => {
-    updateDashboardItemDescription(dashboardsUrl, dashboard.id, id, description).catch(() => {
-      return;
-    });
+  const updateDashboardItemHandler = (
+    id: string,
+    name: string,
+    notes: string
+  ) => {
+    updateDashboardItem(dashboardsUrl, dashboard.id, id, name, notes).catch(
+      () => {
+        return;
+      }
+    );
   };
 
   // --- delete dashboard item
 
-  const deleteDashboardItem = async (url: string, dashboardId: string, id: string) => {
+  const deleteDashboardItem = async (
+    url: string,
+    dashboardId: string,
+    id: string
+  ) => {
     try {
       const response = await fetch(`${url}/${dashboardId}/${id}`, {
         method: `DELETE`,
@@ -126,7 +143,11 @@ export const CustomDashboards = ({ state, dispatchDashboard, deleteHandler, rena
       });
 
       if (response.ok) {
-        dispatchDashboard({ type: `DELETE_DASHBOARD_ITEM`, dashboardId: dashboard.id, itemId: id });
+        dispatchDashboard({
+          type: `DELETE_DASHBOARD_ITEM`,
+          dashboardId: dashboard.id,
+          itemId: id,
+        });
       }
     } catch (e) {
       Notice.error(`Failed to delete Dashboard Item.`);
@@ -140,24 +161,38 @@ export const CustomDashboards = ({ state, dispatchDashboard, deleteHandler, rena
   };
 
   // --- create new dashboard item
-  const sendNewDashboardItem = async (url: string, dashboardId: string, item: object) => {
+  const sendNewDashboardItem = async (
+    url: string,
+    dashboardId: string,
+    item: object
+  ) => {
     try {
       const response = await fetch(`${url}/${dashboardId}`, {
         method: `POST`,
         headers: util.Headers(`application/json`),
-        body: JSON.stringify(item)
+        body: JSON.stringify(item),
       });
       const data: CreateDashboardItem = await response.json();
       const dashboardItem = types.Dashboard.DashboardItem.fromJSON(data.item);
       //load metric
 
-      const routeItems = urlBuilder(endpointUrls, [dashboardItem], dateRangeState);
+      const routeItems = urlBuilder(
+        endpointUrls,
+        [dashboardItem],
+        dateRangeState
+      );
       for (const [url, items] of routeItems) {
-        metricsFetcher(url, items, dashboard.id, dispatchDashboard).catch(() => {
-          return;
-        });
+        metricsFetcher(url, items, dashboard.id, dispatchDashboard).catch(
+          () => {
+            return;
+          }
+        );
       }
-      dispatchDashboard({ type: `ADD_DASHBOARD_ITEM`, id: dashboard.id, item: dashboardItem });
+      dispatchDashboard({
+        type: `ADD_DASHBOARD_ITEM`,
+        id: dashboard.id,
+        item: dashboardItem,
+      });
       dashboard.items.push(dashboardItem);
       Notice.notice(`New Metric added to Dashboard.`);
     } catch (e) {
@@ -169,17 +204,15 @@ export const CustomDashboards = ({ state, dispatchDashboard, deleteHandler, rena
     sendNewDashboardItem(dashboardsUrl, dashboard.id, item).catch(() => {
       return;
     });
-
   };
 
   const [visible, setVisible] = useState(false);
   const showTippy = () => setVisible(true);
   const hideTippy = () => setVisible(false);
 
-  let dashboardName = dashboard.name;
   // -- event handlers
   const onInputNameChange = (e: any) => {
-    dashboardName = e.target.value;
+    setDashboardName(e.target.value as string);
   };
 
   const onSubmit = (e: any) => {
@@ -187,7 +220,6 @@ export const CustomDashboards = ({ state, dispatchDashboard, deleteHandler, rena
     renameHandler(dashboard.id, dashboardName);
   };
 
-
   // ----- render
   return (
     <div className="w-100 pa4">
@@ -208,58 +240,87 @@ export const CustomDashboards = ({ state, dispatchDashboard, deleteHandler, rena
             <form onSubmit={onSubmit}>
               <div className="f5 pa1">
                 <div className="b mb1">Dashboard name</div>
-                <input value={dashboard.name} onInput={onInputNameChange}
-                  className="x-select-on-click form-control w-90 mb1"/>
+                <input
+                  value={dashboardName}
+                  onInput={onInputNameChange}
+                  className="x-select-on-click form-control w-90 mb1"
+                />
                 <div className="mt3">
-                  <button className="btn btn-primary btn-small"
+                  <button
+                    className="btn btn-primary btn-small"
                     onClick={hideTippy}
-                    type="submit">Save</button>
-                  <button className="btn btn-secondary ml2 btn-small"
+                    type="submit"
+                  >
+                    Save
+                  </button>
+                  <button
+                    className="btn btn-secondary ml2 btn-small"
                     type="reset"
-                    onClick={hideTippy}>Cancel</button>
+                    onClick={hideTippy}
+                  >
+                    Cancel
+                  </button>
                 </div>
                 <div className="mt2 bt b--lighter-gray pt2">
-                  <button className="link"
+                  <button
+                    className="link"
                     onClick={() => confirmDeletion(deleteHandler, id)}
-                    type="reset">Delete</button>
+                    type="reset"
+                  >
+                    Delete
+                  </button>
                 </div>
               </div>
             </form>
-          }>
-          <button className="btn btn-secondary btn-tiny" onClick={visible ? hideTippy : showTippy}>Edit</button>
+          }
+        >
+          <button
+            className="btn btn-secondary btn-tiny"
+            onClick={visible ? hideTippy : showTippy}
+          >
+            Edit
+          </button>
         </Tippy>
         <div className="ml-auto">
-          <select className="form-control mw5 form-control-tiny" onChange={handleMetricDatePickerChanged(dateRangeStore.dispatch)}
-            value={dateRangeState.selectedMetricDateRangeLabel}>
-            {dateRangeState.dateRanges.map(d =>
-              <option key={d.label} value={d.label}>{d.label}</option>
-            )}
+          <select
+            className="form-control mw5 form-control-tiny"
+            onChange={handleMetricDatePickerChanged(dateRangeStore.dispatch)}
+            value={dateRangeState.selectedMetricDateRangeLabel}
+          >
+            {dateRangeState.dateRanges.map((d) => (
+              <option key={d.label} value={d.label}>
+                {d.label}
+              </option>
+            ))}
           </select>
         </div>
       </div>
 
-
       <div hidden={shouldHideEmptyPage(dashboard, show)}>
         {empty_custom_dashboard(toggle)}
       </div>
       <div hidden={isEmpty(dashboard)}>
-        {dashboard.items?.map((item: DashboardItem) =>
-          <DashboardItemCard key={item.id}
+        {dashboard.items?.map((item: DashboardItem) => (
+          <DashboardItemCard
+            key={item.id}
             item={item}
             metrics={state.metrics.get(item.id)}
-            renameHandler={updateDashboardItemHandler}
+            updateHandler={updateDashboardItemHandler}
             deleteHandler={deleteDashboardItemHandler}
-            updateDescriptionHandler={updateDashboardItemDescriptionHandler}
-          />)
-        }
+          />
+        ))}
         <div className="mt3">
-          <button className="btn btn-primary mb2" hidden={show} onClick={scrollToForm}>Add New Metric</button>
+          <button
+            className="btn btn-primary mb2"
+            hidden={show}
+            onClick={scrollToForm}
+          >
+            Add New Metric
+          </button>
         </div>
       </div>
 
-      <div hidden={!show}>
-        {DashboardItemForm({ toggle, saveHandler })}
-      </div>
+      <div hidden={!show}>{DashboardItemForm({ toggle, saveHandler })}</div>
     </div>
   );
 };
@@ -268,12 +329,12 @@ const isEmpty = (d: Dashboard) => {
   return d.items === undefined || d.items.length === 0;
 };
 
-
 const fromJsonByInsightsType = (item: DashboardItem) => {
   switch (typeByMetric(item.settings.metric)) {
     case InsightsType.Performance:
       return (json: types.JSONInterface.PipelinePerformance) => {
-        const response = types.PipelinePerformance.DynamicMetrics.fromJSON(json);
+        const response =
+          types.PipelinePerformance.DynamicMetrics.fromJSON(json);
         return response.metrics;
       };
     case InsightsType.Frequency:
@@ -296,7 +357,11 @@ class EndpointUrls {
   reliability: string;
 }
 
-const urlBuilder = (endpointUrls: EndpointUrls, items: DashboardItem[], state: DRState): Map<string, DashboardItem[]> => {
+const urlBuilder = (
+  endpointUrls: EndpointUrls,
+  items: DashboardItem[],
+  state: DRState
+): Map<string, DashboardItem[]> => {
   const map = new Map<string, DashboardItem[]>();
   const url = (type: InsightsType): string => {
     switch (type) {
@@ -317,7 +382,9 @@ const urlBuilder = (endpointUrls: EndpointUrls, items: DashboardItem[], state: D
     const from = state.selectedMetricDateRange.from;
     const to = state.selectedMetricDateRange.to;
     const urlString = url(typeByMetric(item.settings.metric))
-      .concat(`?custom_dashboards=true&branch=${item.branchName}&ppl_file_name=${item.pipelineFileName}`)
+      .concat(
+        `?custom_dashboards=true&branch=${item.branchName}&ppl_file_name=${item.pipelineFileName}`
+      )
       .concat(`&from_date=${from}&to_date=${to}`);
 
     if (map.has(urlString)) {
@@ -330,24 +397,33 @@ const urlBuilder = (endpointUrls: EndpointUrls, items: DashboardItem[], state: D
   return map;
 };
 
-
-const metricsFetcher = async (url: string, items: DashboardItem[], dashboardId: string, dispatcher: any) => {
+const metricsFetcher = async (
+  url: string,
+  items: DashboardItem[],
+  dashboardId: string,
+  dispatcher: any
+) => {
   const response = await fetch(url);
   const data: any = await response.json();
 
   for (const item of items) {
     const fromJson = fromJsonByInsightsType(item);
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-    dispatcher({ type: `ADD_ITEM_METRICS`, metrics: fromJson(data), itemId: item.id });
+    dispatcher({
+      type: `ADD_ITEM_METRICS`,
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+      metrics: fromJson(data),
+      itemId: item.id,
+    });
   }
 };
 
-
 const isInvalid = (item: DashboardItem): boolean => {
-  return item.settings == null ||
-      item.settings.metric == 0 ||
-      item.branchName == null ||
-      item.pipelineFileName == null;
+  return (
+    item.settings == null ||
+    item.settings.metric == 0 ||
+    item.branchName == null ||
+    item.pipelineFileName == null
+  );
 };
 
 function shouldHideEmptyPage(dashboard: Dashboard, show: boolean) {
diff --git a/front/assets/js/insights/components/dashboard_item_card.tsx b/front/assets/js/insights/components/dashboard_item_card.tsx
index 64348eb27..2f9a45386 100644
--- a/front/assets/js/insights/components/dashboard_item_card.tsx
+++ b/front/assets/js/insights/components/dashboard_item_card.tsx
@@ -1,67 +1,64 @@
-import { DashboardItem } from '../types/dashboard';
-import { InsightsType, typeByMetric } from '../types/insights_type';
-import * as customCharts from './custom_charts';
-import Tippy from '@tippyjs/react';
-import { useState } from 'preact/hooks';
+import { DashboardItem } from "../types/dashboard";
+import { InsightsType, typeByMetric } from "../types/insights_type";
+import * as customCharts from "./custom_charts";
+import Tippy from "@tippyjs/react";
+import { useState } from "preact/hooks";
 import { metricFromNumber } from "../util/metric";
 
 interface Props {
   item: DashboardItem;
   metrics: any;
   deleteHandler: (id: string) => void;
-  renameHandler: (id: string, name: string) => void;
-  updateDescriptionHandler: (id: string, description: string) => void;
+  updateHandler: (id: string, name: string, notes: string) => void;
 }
 
-export const DashboardItemCard = ({ item, metrics, renameHandler, deleteHandler, updateDescriptionHandler }: Props) => {
+export const DashboardItemCard = ({
+  item,
+  metrics,
+  updateHandler,
+  deleteHandler,
+}: Props) => {
   const insightType = typeByMetric(item.settings.metric);
+  const [name, setName] = useState(item.name);
+  const [notes, setNotes] = useState(item.notes);
 
   if (metrics == null) {
     metrics = [];
   }
 
-  let nameUpdated = false;
-  let descriptionUpdated = false;
-
-  let itemName = item.name;
-  let description = item.notes;
-
   const onInputNameChange = (e: any) => {
-    nameUpdated = true;
-    itemName = e.target.value;
+    setName(e.target.value as string);
   };
 
   const onInputDescriptionChange = (e: any) => {
-    descriptionUpdated = true;
-    description = e.target.value;
+    setNotes(e.target.value as string);
   };
 
   const onSubmit = (e: any) => {
     e.preventDefault();
-    if (nameUpdated) {
-      renameHandler(item.id, itemName);
-      nameUpdated = false;
-    }
-
-    if (descriptionUpdated) {
-      descriptionUpdated = false;
-      updateDescriptionHandler(item.id, description);
-    }
+    updateHandler(item.id, name, notes);
   };
 
   const [visible, setVisible] = useState(false);
   const showTippy = () => setVisible(true);
   const hideTippy = () => setVisible(false);
 
-
   const decideChart = (insightType: InsightsType, metrics: any) => {
     switch (insightType) {
       case InsightsType.Performance:
         return customCharts.Performance({ metrics, item });
       case InsightsType.Frequency:
-        return customCharts.Frequency({ metrics, branchName: item.branchName, pipelineFileName: item.pipelineFileName });
+        return customCharts.Frequency({
+          metrics,
+          branchName: item.branchName,
+          pipelineFileName: item.pipelineFileName,
+        });
       case InsightsType.Reliability:
-        return customCharts.Reliability({ metrics, branchName: item.branchName, pipelineFileName: item.pipelineFileName });
+        return customCharts.Reliability({
+          metrics,
+          branchName: item.branchName,
+          pipelineFileName: item.pipelineFileName,
+        });
     }
   };
 
@@ -69,7 +66,9 @@ export const DashboardItemCard = ({ item, metrics, renameHandler, deleteHandler,
     <div className="w-100 mt4">
       <div className="">
         <div className="flex">
-          <h2 className="f4 mr2 mb0">{item.name} &mdash; {metricFromNumber(item.settings.metric)}</h2>
+          <h2 className="f4 mr2 mb0">
+            {item.name} &mdash; {metricFromNumber(item.settings.metric)}
+          </h2>
 
           <Tippy
             trigger="click"
@@ -83,52 +82,69 @@ export const DashboardItemCard = ({ item, metrics, renameHandler, deleteHandler,
               <form onSubmit={onSubmit} style="width: 300px;">
                 <div className="f5 pa1">
                   <div className="b mb1">Metric name</div>
-                  <input value={item.name} onInput={onInputNameChange}
-                    className="x-select-on-click form-control w-90 mb1"/>
+                  <input
+                    value={name}
+                    onInput={onInputNameChange}
+                    className="x-select-on-click form-control w-90 mb1"
+                  />
 
                   <div className="b mb1">Description</div>
-                  <textarea id="notes"
+                  <textarea
+                    id="notes"
                     style="max-width: 282px;"
                     className="x-select-on-click form-control mb1 w-100"
                     rows={5}
                     placeholder="This metric is used to measure..."
-                    value={item.notes}
-                    onInput={onInputDescriptionChange}/>
+                    value={notes}
+                    onInput={onInputDescriptionChange}
+                  />
                   <div className="mt3">
-                    <button className="btn btn-primary btn-small"
+                    <button
+                      className="btn btn-primary btn-small"
                       onClick={hideTippy}
-                      type="submit">Save</button>
-                    <button type="reset"
+                      type="submit"
+                    >
+                      Save
+                    </button>
+                    <button
+                      type="reset"
                       className="btn btn-secondary ml2 btn-small"
-                      onClick={hideTippy}>Cancel</button>
+                      onClick={hideTippy}
+                    >
+                      Cancel
+                    </button>
                   </div>
                   <div className="mt2 bt b--lighter-gray pt2">
-                    <button className="link"
+                    <button
+                      className="link"
                       onClick={() => {
                         confirmDeletion(deleteHandler, item.id);
                         hideTippy();
                       }}
-                      type="reset">Delete</button>
+                      type="reset"
+                    >
+                      Delete
+                    </button>
                   </div>
                 </div>
               </form>
-            }>
-            <button className="btn btn-secondary btn-tiny"
+            }
+          >
+            <button
+              className="btn btn-secondary btn-tiny"
               style="height: 21px; margin-top: 2px;"
-              onClick={visible ? hideTippy : showTippy}>Edit</button>
+              onClick={visible ? hideTippy : showTippy}
+            >
+              Edit
+            </button>
           </Tippy>
         </div>
       </div>
 
-      <p className="f6 gray mb3 measure-wide">
-        {item.notes}
-      </p>
+      <p className="f6 gray mb3 measure-wide">{item.notes}</p>
 
       <div className="tc bg-white shadow-1 br3 mb2">
-
-        <div className="">
-          {decideChart(insightType, metrics)}
-        </div>
+        <div className="">{decideChart(insightType, metrics)}</div>
       </div>
     </div>
   );
diff --git a/front/lib/front_web/controllers/insights/dashboards_controller.ex b/front/lib/front_web/controllers/insights/dashboards_controller.ex
index 0503af940..09a884510 100644
--- a/front/lib/front_web/controllers/insights/dashboards_controller.ex
+++ b/front/lib/front_web/controllers/insights/dashboards_controller.ex
@@ -173,13 +173,15 @@ defmodule FrontWeb.Insights.DashboardsController do
     Watchman.benchmark("insights.dashboards.update_item.duration", fn ->
       item_id = params["item_id"]
       name = conn.body_params["name"]
+      description = conn.body_params["description"]
 
-      case Models.MetricsDashboardItems.update(item_id, name) do
-        {:ok, _} ->
-          log_update_item(conn, item_id, name)
-
-          json(conn, %{success: true})
+      with {:ok, _} <- Models.MetricsDashboardItems.update(item_id, name),
+           {:ok, _} <- Models.MetricsDashboardItems.update_description(item_id, description) do
+        log_update_item(conn, item_id, name)
+        log_item_description_change(conn, item_id, description)
 
+        json(conn, %{success: true})
+      else
         {:error, error} ->
           json(conn, %{error: error})
       end
@@ -195,23 +197,6 @@ defmodule FrontWeb.Insights.DashboardsController do
     |> Audit.log()
   end
 
-  def update_item_description(conn, params) do
-    Watchman.benchmark("insights.dashboards.update_item_description.duration", fn ->
-      item_id = params["item_id"]
-      description = conn.body_params["description"]
-
-      case Models.MetricsDashboardItems.update_description(item_id, description) do
-        {:ok, _} ->
-          log_item_description_change(conn, item_id, description)
-
-          json(conn, %{success: true})
-
-        {:error, error} ->
-          json(conn, %{error: error})
-      end
-    end)
-  end
-
   defp log_item_description_change(conn, item_id, description) do
     conn
     |> Audit.new(:CustomDashboardItem, :Modified)