diff --git a/packages/react/src/components/ChatHeader/ChatHeader.js b/packages/react/src/components/ChatHeader/ChatHeader.js
index 08cfdc8bd..263e84b97 100644
--- a/packages/react/src/components/ChatHeader/ChatHeader.js
+++ b/packages/react/src/components/ChatHeader/ChatHeader.js
@@ -34,6 +34,7 @@ const ChatHeader = ({
   styles = {},
   anonymousMode,
   showRoles,
+  messageListRef,
 }) => {
   const { classNames, styleOverrides } = useComponentOverrides('ChatHeader');
   const channelInfo = useChannelStore((state) => state.channelInfo);
@@ -98,6 +99,14 @@ const ChatHeader = ({
     }
   }, [RCInstance, setIsUserAuthenticated]);
 
+  const scrollToTop = useCallback(() => {
+    if (messageListRef && messageListRef.current) {
+      requestAnimationFrame(() => {
+        messageListRef.current.scrollTop = -messageListRef.current.scrollHeight;
+      });
+    }
+  }, [messageListRef]);
+
   const showStarredMessage = useCallback(async () => {
     const { messages } = await RCInstance.getStarredMessages();
     setMessages(messages);
@@ -266,6 +275,12 @@ const ChatHeader = ({
             label: 'Room Information',
             icon: 'info',
           },
+          {
+            id: 'scroll-to-top',
+            action: scrollToTop,
+            label: 'Scroll to Top',
+            icon: 'arrow-up',
+          },
         ]
       );
     }
@@ -292,6 +307,7 @@ const ChatHeader = ({
     showPinnedMessage,
     showSearchMessage,
     showStarredMessage,
+    scrollToTop,
   ]);
 
   return (
diff --git a/packages/react/src/components/EmbeddedChat.js b/packages/react/src/components/EmbeddedChat.js
index 264786d20..c541203ac 100644
--- a/packages/react/src/components/EmbeddedChat.js
+++ b/packages/react/src/components/EmbeddedChat.js
@@ -233,6 +233,7 @@ const EmbeddedChat = ({
                 setFullScreen={setFullScreen}
                 anonymousMode={anonymousMode}
                 showRoles={showRoles}
+                messageListRef={messageListRef}
               />
             )}
 
diff --git a/packages/react/src/components/Icon/icons/ArrowUp.js b/packages/react/src/components/Icon/icons/ArrowUp.js
new file mode 100644
index 000000000..bdb572ba5
--- /dev/null
+++ b/packages/react/src/components/Icon/icons/ArrowUp.js
@@ -0,0 +1,29 @@
+import React from 'react';
+
+const ArrowUp = (props) => (
+  <svg
+    fill="#000000"
+    height="200px"
+    width="200px"
+    version="1.1"
+    id="Layer_1"
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 330 330"
+    {...props}
+  >
+    <g id="SVGRepo_bgCarrier" strokeWidth="0" />
+    <g
+      id="SVGRepo_tracerCarrier"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <g id="SVGRepo_iconCarrier">
+      <path
+        id="XMLID_224_"
+        d="M325.606,229.393l-150.004-150C172.79,76.58,168.974,75,164.996,75c-3.979,0-7.794,1.581-10.607,4.394 l-149.996,150c-5.858,5.858-5.858,15.355,0,21.213c5.857,5.857,15.355,5.858,21.213,0l139.39-139.393l139.397,139.393 C307.322,253.536,311.161,255,315,255c3.839,0,7.678-1.464,10.607-4.394C331.464,244.748,331.464,235.251,325.606,229.393z"
+      />
+    </g>
+  </svg>
+);
+
+export default ArrowUp;
diff --git a/packages/react/src/components/Icon/icons/index.js b/packages/react/src/components/Icon/icons/index.js
index 60aed7b64..b6c2385bf 100644
--- a/packages/react/src/components/Icon/icons/index.js
+++ b/packages/react/src/components/Icon/icons/index.js
@@ -35,6 +35,7 @@ import Kebab from './Kebab';
 import Check from './Check';
 import ErrorCircle from './ErrorCircle';
 import ArrowDown from './ArrowDown';
+import ArrowUp from './ArrowUp';
 import PinFilled from './PinFilled';
 import VideoRecorder from './VideoRecoder';
 import DisabledRecorder from './DisableRecorder';
@@ -87,6 +88,7 @@ const icons = {
   check: Check,
   'error-circle': ErrorCircle,
   'arrow-down': ArrowDown,
+  'arrow-up': ArrowUp,
   'pin-filled': PinFilled,
   clipboard: Clipboard,
   download: Download,
diff --git a/packages/react/src/components/Menu/Menu.stories.js b/packages/react/src/components/Menu/Menu.stories.js
index 92da52d89..c811c83dc 100644
--- a/packages/react/src/components/Menu/Menu.stories.js
+++ b/packages/react/src/components/Menu/Menu.stories.js
@@ -48,6 +48,11 @@ export const Menu = {
         label: 'Room Information',
         icon: 'info',
       },
+      {
+        id: 'scroll-to-top',
+        label: 'Scroll to Top',
+        icon: 'arrow-up',
+      },
       {
         id: 'logout',
         label: 'Logout',