diff --git a/app/vmui/packages/vmui/src/components/Chart/BarHitsChart/BarHitsOptions/BarHitsOptions.tsx b/app/vmui/packages/vmui/src/components/Chart/BarHitsChart/BarHitsOptions/BarHitsOptions.tsx
index 060caf608e..c195c33e88 100644
--- a/app/vmui/packages/vmui/src/components/Chart/BarHitsChart/BarHitsOptions/BarHitsOptions.tsx
+++ b/app/vmui/packages/vmui/src/components/Chart/BarHitsChart/BarHitsOptions/BarHitsOptions.tsx
@@ -5,10 +5,11 @@ import "./style.scss";
 import useStateSearchParams from "../../../../hooks/useStateSearchParams";
 import { useSearchParams } from "react-router-dom";
 import Button from "../../../Main/Button/Button";
-import { SettingsIcon, VisibilityIcon, VisibilityOffIcon } from "../../../Main/Icons";
+import { SettingsIcon, TipIcon, VisibilityIcon, VisibilityOffIcon } from "../../../Main/Icons";
 import Tooltip from "../../../Main/Tooltip/Tooltip";
 import Popper from "../../../Main/Popper/Popper";
 import useBoolean from "../../../../hooks/useBoolean";
+import ShortcutKeys from "../../../Main/ShortcutKeys/ShortcutKeys";
 
 interface Props {
   onChange: (options: GraphOptions) => void;
@@ -61,6 +62,13 @@ const BarHitsOptions: FC<Props> = ({ onChange }) => {
 
   return (
     <div className="vm-bar-hits-options">
+      <ShortcutKeys>
+        <Button
+          variant="text"
+          color="gray"
+          startIcon={<TipIcon/>}
+        />
+      </ShortcutKeys>
       <div ref={optionsButtonRef}>
         <Tooltip title="Graph settings">
           <Button
diff --git a/app/vmui/packages/vmui/src/components/Chart/GraphTips/GraphTips.tsx b/app/vmui/packages/vmui/src/components/Chart/GraphTips/GraphTips.tsx
deleted file mode 100644
index dff88a43a2..0000000000
--- a/app/vmui/packages/vmui/src/components/Chart/GraphTips/GraphTips.tsx
+++ /dev/null
@@ -1,54 +0,0 @@
-import { FC } from "preact/compat";
-import "./style.scss";
-import Button from "../../Main/Button/Button";
-import { TipIcon } from "../../Main/Icons";
-import Tooltip from "../../Main/Tooltip/Tooltip";
-import Modal from "../../Main/Modal/Modal";
-import useBoolean from "../../../hooks/useBoolean";
-import tips from "./constants/tips";
-
-const GraphTips: FC = () => {
-  const {
-    value: showTips,
-    setFalse: handleCloseTips,
-    setTrue: handleOpenTips
-  } = useBoolean(false);
-
-  return (
-    <>
-      <Tooltip title={"Show tips on working with the graph"}>
-        <Button
-          variant="text"
-          color={"gray"}
-          startIcon={<TipIcon/>}
-          onClick={handleOpenTips}
-          ariaLabel="open the tips"
-        />
-      </Tooltip>
-      {showTips && (
-        <Modal
-          title={"Tips on working with the graph and the legend"}
-          onClose={handleCloseTips}
-        >
-          <div className="fc-graph-tips">
-            {tips.map(({ title, description }) => (
-              <div
-                className="fc-graph-tips-item"
-                key={title}
-              >
-                <h4 className="fc-graph-tips-item__action">
-                  {title}
-                </h4>
-                <p className="fc-graph-tips-item__description">
-                  {description}
-                </p>
-              </div>
-            ))}
-          </div>
-        </Modal>
-      )}
-    </>
-  );
-};
-
-export default GraphTips;
diff --git a/app/vmui/packages/vmui/src/components/Chart/GraphTips/constants/tips.tsx b/app/vmui/packages/vmui/src/components/Chart/GraphTips/constants/tips.tsx
deleted file mode 100644
index 1f48b00b42..0000000000
--- a/app/vmui/packages/vmui/src/components/Chart/GraphTips/constants/tips.tsx
+++ /dev/null
@@ -1,67 +0,0 @@
-import { isMacOs } from "../../../../utils/detect-device";
-import { DragIcon, SettingsIcon } from "../../../Main/Icons";
-
-const metaKey = <code>{isMacOs() ? "Cmd" : "Ctrl"}</code>;
-
-const graphTips = [
-  {
-    title: "Zoom in",
-    description: <>
-      To zoom in, hold down the {metaKey} + <code>scroll up</code>, or press the <code>+</code>.
-      Also, you can zoom in on a range on the graph by holding down your mouse button and selecting the range.
-    </>,
-  },
-  {
-    title: "Zoom out",
-    description: <>
-      To zoom out, hold down the {metaKey} + <code>scroll down</code>, or press the <code>-</code>.
-    </>,
-  },
-  {
-    title: "Move horizontal axis",
-    description: <>
-      To move the graph, hold down the {metaKey} + <code>drag</code> the graph to the right or left.
-    </>,
-  },
-  {
-    title: "Fixing a tooltip",
-    description: <>
-      To fix the tooltip, <code>click</code> mouse when it&#39;s open.
-      Then, you can drag the fixed tooltip by <code>clicking</code> and <code>dragging</code> on the <DragIcon/> icon.
-    </>
-  },
-  {
-    title: "Set a custom range for the vertical axis",
-    description: <>
-      To set a custom range for the vertical axis,
-      click on the <SettingsIcon/> icon located in the upper right corner of the graph,
-      activate the toggle, and set the values.
-    </>
-  },
-];
-
-const legendTips = [
-  {
-    title: "Show/hide a legend item",
-    description: <>
-      <code>click</code> on a legend item to isolate it on the graph.
-      {metaKey} + <code>click</code> on a legend item to remove it from the graph.
-      To revert to the previous state, click again.
-    </>
-  },
-  {
-    title: "Copy label key-value pairs",
-    description: <>
-      <code>click</code> on a label key-value pair to save it to the clipboard.
-    </>
-  },
-  {
-    title: "Collapse/Expand the legend group",
-    description: <>
-      <code>click</code> on the group name (e.g. <b>Query 1: &#123;__name__!=&#34;&#34;&#125;</b>)
-      to collapse or expand the legend.
-    </>
-  },
-];
-
-export default graphTips.concat(legendTips);
diff --git a/app/vmui/packages/vmui/src/components/Chart/GraphTips/style.scss b/app/vmui/packages/vmui/src/components/Chart/GraphTips/style.scss
deleted file mode 100644
index f71eea29a7..0000000000
--- a/app/vmui/packages/vmui/src/components/Chart/GraphTips/style.scss
+++ /dev/null
@@ -1,49 +0,0 @@
-@use "src/styles/variables" as *;
-
-.fc-graph-tips {
-  max-width: 520px;
-  display: grid;
-  gap: $padding-global;
-
-  &-item {
-    display: grid;
-    gap: $padding-small;
-    line-height: 1.3;
-    padding-bottom: $padding-global;
-    border-bottom: $border-divider;
-
-    &__action {
-      color: $color-text-secondary;
-      font-weight: bold;
-    }
-
-    &__description {
-      display: inline-block;
-      line-height: 1.5;
-
-      svg,
-      code {
-        min-height: 20px;
-        min-width: 20px;
-        display: inline-flex;
-        align-items: center;
-        justify-content: center;
-        padding: 0 4px;
-        font-size: $font-size-small;
-        color: $color-text;
-        background-color: $color-background-body;
-        border: $border-divider;
-        border-radius: $border-radius-small;
-        margin: 0 2px 2px;
-      }
-    }
-
-    svg {
-      width: 18px;
-      color: $color-primary;
-      padding: 2px;
-      margin-top: -8px;
-      transform: translateY(8px);
-    }
-  }
-}
diff --git a/app/vmui/packages/vmui/src/components/Main/ShortcutKeys/ShortcutKeys.tsx b/app/vmui/packages/vmui/src/components/Main/ShortcutKeys/ShortcutKeys.tsx
index 04f2cdfbe6..b57d1c79f1 100644
--- a/app/vmui/packages/vmui/src/components/Main/ShortcutKeys/ShortcutKeys.tsx
+++ b/app/vmui/packages/vmui/src/components/Main/ShortcutKeys/ShortcutKeys.tsx
@@ -1,7 +1,4 @@
-import { FC, useCallback } from "preact/compat";
-import { getAppModeEnable } from "../../../utils/app-mode";
-import Button from "../Button/Button";
-import { KeyboardIcon } from "../Icons";
+import { FC, ReactNode, useCallback } from "preact/compat";
 import Modal from "../Modal/Modal";
 import "./style.scss";
 import Tooltip from "../Tooltip/Tooltip";
@@ -14,8 +11,11 @@ const title = "Shortcut keys";
 const isMac = isMacOs();
 const keyOpenHelp = isMac ? "Cmd + /" : "F1";
 
-const ShortcutKeys: FC<{ showTitle?: boolean }> = ({ showTitle }) => {
-  const appModeEnable = getAppModeEnable();
+type Props = {
+  children?: ReactNode
+}
+
+const ShortcutKeys: FC<Props> = ({ children }) => {
 
   const {
     value: openList,
@@ -35,20 +35,12 @@ const ShortcutKeys: FC<{ showTitle?: boolean }> = ({ showTitle }) => {
 
   return <>
     <Tooltip
-      open={showTitle === true ? false : undefined}
       title={`${title} (${keyOpenHelp})`}
       placement="bottom-center"
     >
-      <Button
-        className={appModeEnable ? "" : "vm-header-button"}
-        variant="contained"
-        color="primary"
-        startIcon={<KeyboardIcon/>}
-        onClick={handleOpen}
-        ariaLabel={title}
-      >
-        {showTitle && title}
-      </Button>
+      <div onClick={handleOpen}>
+        {children}
+      </div>
     </Tooltip>
 
     {openList && (
@@ -62,9 +54,6 @@ const ShortcutKeys: FC<{ showTitle?: boolean }> = ({ showTitle }) => {
               className="vm-shortcuts-section"
               key={section.title}
             >
-              {section.readMore && (
-                <div className="vm-shortcuts-section__read-more">{section.readMore}</div>
-              )}
               <h3 className="vm-shortcuts-section__title">
                 {section.title}
               </h3>
diff --git a/app/vmui/packages/vmui/src/components/Main/ShortcutKeys/constants/keyList.tsx b/app/vmui/packages/vmui/src/components/Main/ShortcutKeys/constants/keyList.tsx
index a448f12d4c..92895988c8 100644
--- a/app/vmui/packages/vmui/src/components/Main/ShortcutKeys/constants/keyList.tsx
+++ b/app/vmui/packages/vmui/src/components/Main/ShortcutKeys/constants/keyList.tsx
@@ -1,6 +1,4 @@
 import { isMacOs } from "../../../../utils/detect-device";
-import { VisibilityIcon } from "../../Icons";
-import GraphTips from "../../../Chart/GraphTips/GraphTips";
 
 const ctrlMeta = <code>{isMacOs() ? "Cmd" : "Ctrl"}</code>;
 
@@ -26,10 +24,6 @@ const keyList = [
         keys: <>{ctrlMeta} + <code>Arrow Down</code></>,
         description: "Next command from the Query history"
       },
-      {
-        keys: <>{ctrlMeta} + <code>click</code> by <VisibilityIcon/></>,
-        description: "Toggle multiple queries"
-      },
       {
         keys: AUTOCOMPLETE_QUICK_KEY,
         description: "Show quick autocomplete tips"
@@ -38,7 +32,6 @@ const keyList = [
   },
   {
     title: "Graph",
-    readMore: <GraphTips/>,
     list: [
       {
         keys: <>{ctrlMeta} + <code>scroll Up</code> or <code>+</code></>,
@@ -53,12 +46,8 @@ const keyList = [
         description: "Move the graph left/right"
       },
       {
-        keys: <><code>click</code></>,
-        description: "Select the series in the legend"
-      },
-      {
-        keys: <>{ctrlMeta} + <code>click</code></>,
-        description: "Toggle multiple series in the legend"
+        keys: <><code>click</code> on legend item</>,
+        description: "Open the legend item menu"
       }
     ]
   },
diff --git a/app/vmui/packages/vmui/src/components/Main/ShortcutKeys/style.scss b/app/vmui/packages/vmui/src/components/Main/ShortcutKeys/style.scss
index b9da067f06..92d778619f 100644
--- a/app/vmui/packages/vmui/src/components/Main/ShortcutKeys/style.scss
+++ b/app/vmui/packages/vmui/src/components/Main/ShortcutKeys/style.scss
@@ -15,15 +15,10 @@
 
     &__title {
       font-weight: bold;
+      line-height: 24px;
       margin-bottom: $padding-global;
     }
 
-    &__read-more {
-      position: absolute;
-      top: -8px;
-      right: 0;
-    }
-
     &-list {
       display: grid;
       gap: $padding-global;
diff --git a/app/vmui/packages/vmui/src/layouts/LogsLayout/ControlsLogsLayout.tsx b/app/vmui/packages/vmui/src/layouts/LogsLayout/ControlsLogsLayout.tsx
index d7a4d490de..63f0f771b4 100644
--- a/app/vmui/packages/vmui/src/layouts/LogsLayout/ControlsLogsLayout.tsx
+++ b/app/vmui/packages/vmui/src/layouts/LogsLayout/ControlsLogsLayout.tsx
@@ -5,8 +5,13 @@ import { ControlsProps } from "../Header/HeaderControls/HeaderControls";
 import { TimeSelector } from "../../components/Configurators/TimeRangeSettings/TimeSelector/TimeSelector";
 import TenantsFields from "../../components/Configurators/GlobalSettings/TenantsConfiguration/TenantsFields";
 import { ExecutionControls } from "../../components/Configurators/TimeRangeSettings/ExecutionControls/ExecutionControls";
+import ShortcutKeys from "../../components/Main/ShortcutKeys/ShortcutKeys";
+import { getAppModeEnable } from "../../utils/app-mode";
+import Button from "../../components/Main/Button/Button";
+import { KeyboardIcon } from "../../components/Main/Icons";
 
 const ControlsLogsLayout: FC<ControlsProps> = ({ isMobile, headerSetup }) => {
+  const appModeEnable = getAppModeEnable();
   const settingsRef = useRef<GlobalSettingsHandle>(null);
 
   return (
@@ -21,6 +26,16 @@ const ControlsLogsLayout: FC<ControlsProps> = ({ isMobile, headerSetup }) => {
       {headerSetup?.timeSelector && <TimeSelector onOpenSettings={settingsRef?.current?.open}/>}
       {headerSetup?.executionControls &&  <ExecutionControls/>}
       <GlobalSettings ref={settingsRef}/>
+      {!isMobile && (
+        <ShortcutKeys>
+          <Button
+            className={appModeEnable ? "" : "vm-header-button"}
+            variant="contained"
+            color="primary"
+            startIcon={<KeyboardIcon/>}
+          />
+        </ShortcutKeys>
+      )}
     </div>
   );
 };
diff --git a/docs/victorialogs/CHANGELOG.md b/docs/victorialogs/CHANGELOG.md
index 933939cc08..224ad79ca1 100644
--- a/docs/victorialogs/CHANGELOG.md
+++ b/docs/victorialogs/CHANGELOG.md
@@ -22,6 +22,7 @@ according to the follosing docs:
 ## tip
 
 * FEATURE: [syslog data ingestion](https://docs.victoriametrics.com/victorialogs/data-ingestion/syslog/): add support for automatic parsing of [`@cee` messages](http://cee.mitre.org/language/1.0-beta1/clt.html#syslog). Thanks to @exherb for the pull request [#842](https://github.com/VictoriaMetrics/VictoriaLogs/pull/842).
+* FEATURE: [web UI](https://docs.victoriametrics.com/victorialogs/querying/#web-ui): add the help button with shortcuts reference and controls for charts and query input. See [#77](https://github.com/VictoriaMetrics/VictoriaLogs/issues/77).
 
 * BUGFIX: [delete API](https://docs.victoriametrics.com/victorialogs/#how-to-delete-logs): prevent from possible fatal error (panic) at `block_stream_merger.go:237` during the deletion of the logs. See [#825](https://github.com/VictoriaMetrics/VictoriaLogs/issues/825).