diff --git a/package-lock.json b/package-lock.json
index 11f073c007..500ca1b7df 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -39,6 +39,7 @@
         "react-scripts": "5.0.0",
         "react-secure-link": "^3.0.3",
         "react-semantic-ui-range": "^0.7.1",
+        "react-tenor": "^2.2.0",
         "recharts": "^2.1.9",
         "s3-client": "^4.4.2",
         "semantic-ui-react": "^2.1.2",
@@ -18388,6 +18389,15 @@
         "react-dom": "^15.0.0 || ^16.0.0 || ^17.0.0"
       }
     },
+    "node_modules/react-tenor": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/react-tenor/-/react-tenor-2.2.0.tgz",
+      "integrity": "sha512-hs0KomduflTLU05fvKAtrf9f/aAj3wN2kPF2cl5cAOFPkhuaVJuWLNxRSAQN1m+aKHinujEQZ1fXp+gL1KgYhg==",
+      "peerDependencies": {
+        "react": "^16",
+        "react-dom": "^16"
+      }
+    },
     "node_modules/react-transition-group": {
       "version": "2.9.0",
       "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-2.9.0.tgz",
@@ -36064,6 +36074,12 @@
         "react-transition-group": "2.9.0"
       }
     },
+    "react-tenor": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/react-tenor/-/react-tenor-2.2.0.tgz",
+      "integrity": "sha512-hs0KomduflTLU05fvKAtrf9f/aAj3wN2kPF2cl5cAOFPkhuaVJuWLNxRSAQN1m+aKHinujEQZ1fXp+gL1KgYhg==",
+      "requires": {}
+    },
     "react-transition-group": {
       "version": "2.9.0",
       "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-2.9.0.tgz",
diff --git a/package.json b/package.json
index be78d8b058..bfbdc19400 100644
--- a/package.json
+++ b/package.json
@@ -34,6 +34,7 @@
     "react-scripts": "5.0.0",
     "react-secure-link": "^3.0.3",
     "react-semantic-ui-range": "^0.7.1",
+    "react-tenor": "^2.2.0",
     "recharts": "^2.1.9",
     "s3-client": "^4.4.2",
     "semantic-ui-react": "^2.1.2",
diff --git a/src/components/Chat/Chat.tsx b/src/components/Chat/Chat.tsx
index 72bd7e1ba0..78e25614be 100644
--- a/src/components/Chat/Chat.tsx
+++ b/src/components/Chat/Chat.tsx
@@ -17,6 +17,9 @@ import { UserMenu } from '../UserMenu/UserMenu';
 import { Socket } from 'socket.io-client';
 import firebase from 'firebase/compat/app';
 import classes from './Chat.module.css';
+import Tenor from 'react-tenor';
+
+import 'react-tenor/dist/styles.css';
 
 interface ChatProps {
   chat: ChatMessage[];
@@ -234,6 +237,10 @@ export class Chat extends React.Component<ChatProps> {
           </Icon>
           {/* <Icon onClick={this.sendChatMsg} name="send" inverted circular link /> */}
         </Input>
+        <Tenor
+          token={process.env.REACT_APP_TENOR_API_KEY ?? ''}
+          onSelect={(result) => console.log(result)}
+        />
       </div>
     );
   }