diff --git a/client/src/components/chat-presets/chat-presets.component.jsx b/client/src/components/chat-presets/chat-presets.component.jsx
index 752a1eee2..70ea96406 100644
--- a/client/src/components/chat-presets/chat-presets.component.jsx
+++ b/client/src/components/chat-presets/chat-presets.component.jsx
@@ -1,12 +1,11 @@
+import { DownOutlined } from "@ant-design/icons";
+import { Dropdown, Menu } from "antd";
 import React from "react";
-
+import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
 import { setMessage } from "../../redux/messaging/messaging.actions";
-import { Dropdown, Button, Menu } from "antd";
-import { useTranslation } from "react-i18next";
 import { selectBodyshop } from "../../redux/user/user.selectors";
-import { DownOutlined } from "@ant-design/icons";
 
 const mapStateToProps = createStructuredSelector({
   //currentUser: selectCurrentUser
@@ -23,7 +22,7 @@ export function ChatPresetsComponent({ bodyshop, setMessage }) {
   const menu = (
     <Menu>
       {bodyshop.md_messaging_presets.map((i, idx) => (
-        <Menu.Item onClick={() => setMessage(i.text)} key={idx}>
+        <Menu.Item onClick={() => setMessage(i.text)} onItemHover key={idx}>
           {i.label}
         </Menu.Item>
       ))}
@@ -35,7 +34,7 @@ export function ChatPresetsComponent({ bodyshop, setMessage }) {
       <Dropdown trigger={["click"]} overlay={menu}>
         <a
           className="ant-dropdown-link"
-          href="javascript:void(0);"
+          href="# "
           onClick={(e) => e.preventDefault()}
         >
           {t("messaging.labels.presets")} <DownOutlined />