diff --git a/src/components/BrowserMenu/BrowserMenu.react.js b/src/components/BrowserMenu/BrowserMenu.react.js
index ee5f9c0b41..ca3b97fd6e 100644
--- a/src/components/BrowserMenu/BrowserMenu.react.js
+++ b/src/components/BrowserMenu/BrowserMenu.react.js
@@ -5,23 +5,24 @@
  * This source code is licensed under the license found in the LICENSE file in
  * the root directory of this source tree.
  */
-import Popover from 'components/Popover/Popover.react';
+import styles from 'components/BrowserMenu/BrowserMenu.scss';
 import Icon from 'components/Icon/Icon.react';
+import Popover from 'components/Popover/Popover.react';
 import Position from 'lib/Position';
 import PropTypes from 'lib/PropTypes';
 import React from 'react';
-import styles from 'components/BrowserMenu/BrowserMenu.scss';
 
 export default class BrowserMenu extends React.Component {
   constructor() {
     super();
 
-    this.state = { open: false };
+    this.state = { open: false, openToLeft: false };
     this.wrapRef = React.createRef();
   }
 
   render() {
     let menu = null;
+    const isSubmenu = !!this.props.parentClose;
     if (this.state.open) {
       const position = Position.inDocument(this.wrapRef.current);
       const titleStyle = [styles.title];
@@ -35,20 +36,50 @@ export default class BrowserMenu extends React.Component {
           onExternalClick={() => this.setState({ open: false })}
         >
           <div className={styles.menu}>
-            <div className={titleStyle.join(' ')} onClick={() => this.setState({ open: false })}>
-              <Icon name={this.props.icon} width={14} height={14} />
-              <span>{this.props.title}</span>
-            </div>
-            <div className={styles.body} style={{ minWidth: this.wrapRef.current.clientWidth }}>
-              {React.Children.map(this.props.children, child =>
-                React.cloneElement(child, {
-                  ...child.props,
-                  onClick: () => {
-                    this.setState({ open: false });
-                    child.props.onClick();
-                  },
-                })
-              )}
+            {!isSubmenu && (
+              <div
+                className={titleStyle.join(' ')}
+                onClick={() => this.setState({ open: false })}
+              >
+                {this.props.icon && <Icon name={this.props.icon} width={14} height={14} />}
+                <span>{this.props.title}</span>
+              </div>
+            )}
+            <div
+              className={
+                isSubmenu
+                  ? this.state.openToLeft
+                    ? styles.subMenuBodyLeft
+                    : styles.subMenuBody
+                  : styles.body
+              }
+              style={{
+                minWidth: this.wrapRef.current.clientWidth,
+                ...(isSubmenu
+                  ? {
+                    top: 0,
+                    left: this.state.openToLeft
+                      ? 0
+                      : `${this.wrapRef.current.clientWidth - 3}px`,
+                    transform: this.state.openToLeft
+                      ? 'translateX(calc(-100% + 3px))'
+                      : undefined,
+                  }
+                  : {}),
+              }}
+            >
+              {React.Children.map(this.props.children, (child) => {
+                if (React.isValidElement(child) && child.type === BrowserMenu) {
+                  return React.cloneElement(child, {
+                    ...child.props,
+                    parentClose: () => {
+                      this.setState({ open: false });
+                      this.props.parentClose?.();
+                    },
+                  });
+                }
+                return child;
+              })}
             </div>
           </div>
         </Popover>
@@ -61,18 +92,37 @@ export default class BrowserMenu extends React.Component {
     if (this.props.disabled) {
       classes.push(styles.disabled);
     }
-    let onClick = null;
+    const entryEvents = {};
     if (!this.props.disabled) {
-      onClick = () => {
-        this.setState({ open: true });
-        this.props.setCurrent(null);
-      };
+      if (isSubmenu) {
+        entryEvents.onMouseEnter = () => {
+          const rect = this.wrapRef.current.getBoundingClientRect();
+          const width = this.wrapRef.current.clientWidth;
+          const openToLeft = rect.right + width > window.innerWidth;
+          this.setState({ open: true, openToLeft });
+          this.props.setCurrent?.(null);
+        };
+      } else {
+        entryEvents.onClick = () => {
+          this.setState({ open: true, openToLeft: false });
+          this.props.setCurrent(null);
+        };
+      }
     }
     return (
       <div className={styles.wrap} ref={this.wrapRef}>
-        <div className={classes.join(' ')} onClick={onClick}>
-          <Icon name={this.props.icon} width={14} height={14} />
+        <div className={classes.join(' ')} {...entryEvents}>
+          {this.props.icon && <Icon name={this.props.icon} width={14} height={14} />}
           <span>{this.props.title}</span>
+          {isSubmenu &&
+            React.Children.toArray(this.props.children).some(c => React.isValidElement(c) && c.type === BrowserMenu) && (
+            <Icon
+              name="right-outline"
+              width={12}
+              height={12}
+              className={styles.submenuArrow}
+            />
+          )}
         </div>
         {menu}
       </div>
@@ -81,12 +131,12 @@ export default class BrowserMenu extends React.Component {
 }
 
 BrowserMenu.propTypes = {
-  icon: PropTypes.string.isRequired.describe('The name of the icon to place in the menu.'),
+  icon: PropTypes.string.describe('The name of the icon to place in the menu.'),
   title: PropTypes.string.isRequired.describe('The title text of the menu.'),
-  children: PropTypes.oneOfType([
-    PropTypes.arrayOf(PropTypes.node),
-    PropTypes.node,
-  ]).describe(
+  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).describe(
     'The contents of the menu when open. It should be a set of MenuItem and Separator components.'
   ),
+  parentClose: PropTypes.func.describe(
+    'Closes the parent menu when a nested menu item is selected.'
+  ),
 };
diff --git a/src/components/BrowserMenu/BrowserMenu.scss b/src/components/BrowserMenu/BrowserMenu.scss
index 9c73ca3341..1cbf889244 100644
--- a/src/components/BrowserMenu/BrowserMenu.scss
+++ b/src/components/BrowserMenu/BrowserMenu.scss
@@ -89,6 +89,38 @@
   font-size: 14px;
 }
 
+
+.subMenuBody {
+  position: absolute;
+  top: 0;
+  border-radius: 0 5px 5px 5px;
+  background: #797592;
+  padding: 8px 0;
+  font-size: 14px;
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
+}
+
+.subMenuBodyLeft {
+  position: absolute;
+  top: 0;
+  border-radius: 5px 0 5px 5px;
+  background: #797592;
+  padding: 8px 0;
+  font-size: 14px;
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
+}
+
+.submenuArrow {
+  margin-left: 4px;
+  fill: #66637A;
+}
+
+.entry:hover .submenuArrow {
+  fill: white;
+}
+
 .item {
   padding: 4px 14px;
   white-space: nowrap;
diff --git a/src/components/BrowserMenu/MenuItem.react.js b/src/components/BrowserMenu/MenuItem.react.js
index 5b8e72c51a..84eedf1ad0 100644
--- a/src/components/BrowserMenu/MenuItem.react.js
+++ b/src/components/BrowserMenu/MenuItem.react.js
@@ -19,8 +19,24 @@ const MenuItem = ({ text, disabled, active, greenActive, onClick }) => {
   if (greenActive) {
     classes.push(styles.greenActive);
   }
+
+  const handleClick = (e) => {
+    if (!disabled && onClick) {
+      onClick(e);
+    }
+  };
+
   return (
-    <div className={classes.join(' ')} onClick={disabled ? undefined : onClick}>
+    <div
+      className={classes.join(' ')}
+      onClick={handleClick}
+      onMouseDown={handleClick} // This is needed - onClick alone doesn't work in this context
+      style={{
+        position: 'relative',
+        zIndex: 9999,
+        cursor: 'pointer'
+      }}
+    >
       {text}
     </div>
   );
diff --git a/src/components/Icon/Icon.react.js b/src/components/Icon/Icon.react.js
index 750e80806b..072ae9edf6 100644
--- a/src/components/Icon/Icon.react.js
+++ b/src/components/Icon/Icon.react.js
@@ -7,12 +7,17 @@
  */
 import PropTypes from 'lib/PropTypes';
 import React from 'react';
+import styles from 'components/Icon/Icon.scss';
 
-const Icon = ({ name, fill, width, height }) => {
+const Icon = ({ name, fill, width, height, style, className }) => {
   const props = {
-    width: width,
-    height: height,
+    width,
+    height,
+    style,
   };
+  if (className) {
+    props.className = styles[className] || className;
+  }
   if (fill) {
     props.fill = fill;
   }
@@ -30,4 +35,5 @@ Icon.propTypes = {
   width: PropTypes.number.isRequired.describe('The icon width, in pixels.'),
   height: PropTypes.number.isRequired.describe('The icon height, in pixels.'),
   fill: PropTypes.string.describe('A valid color, used as the fill property for the SVG.'),
+  style: PropTypes.object.describe('An object containing CSS styles to apply to the icon.'),
 };
diff --git a/src/components/Icon/Icon.scss b/src/components/Icon/Icon.scss
new file mode 100644
index 0000000000..0bd22ea857
--- /dev/null
+++ b/src/components/Icon/Icon.scss
@@ -0,0 +1,14 @@
+/*
+ * Copyright (c) 2016-present, Parse, LLC
+ * All rights reserved.
+ *
+ * This source code is licensed under the license found in the LICENSE file in
+ * the root directory of this source tree.
+ */
+@import 'stylesheets/globals.scss';
+
+.menuCheck {
+  margin-right: 6px;
+  margin-bottom: -1px;
+  padding-top: 0;
+}
diff --git a/src/dashboard/Data/Browser/BrowserToolbar.react.js b/src/dashboard/Data/Browser/BrowserToolbar.react.js
index cfd1c51083..84621a84b9 100644
--- a/src/dashboard/Data/Browser/BrowserToolbar.react.js
+++ b/src/dashboard/Data/Browser/BrowserToolbar.react.js
@@ -7,18 +7,18 @@
  */
 import BrowserFilter from 'components/BrowserFilter/BrowserFilter.react';
 import BrowserMenu from 'components/BrowserMenu/BrowserMenu.react';
-import Icon from 'components/Icon/Icon.react';
 import MenuItem from 'components/BrowserMenu/MenuItem.react';
-import prettyNumber from 'lib/prettyNumber';
-import React, { useRef } from 'react';
 import Separator from 'components/BrowserMenu/Separator.react';
-import styles from 'dashboard/Data/Browser/Browser.scss';
-import Toolbar from 'components/Toolbar/Toolbar.react';
-import SecurityDialog from 'dashboard/Data/Browser/SecurityDialog.react';
 import ColumnsConfiguration from 'components/ColumnsConfiguration/ColumnsConfiguration.react';
-import SecureFieldsDialog from 'dashboard/Data/Browser/SecureFieldsDialog.react';
-import LoginDialog from 'dashboard/Data/Browser/LoginDialog.react';
+import Icon from 'components/Icon/Icon.react';
 import Toggle from 'components/Toggle/Toggle.react';
+import Toolbar from 'components/Toolbar/Toolbar.react';
+import styles from 'dashboard/Data/Browser/Browser.scss';
+import LoginDialog from 'dashboard/Data/Browser/LoginDialog.react';
+import SecureFieldsDialog from 'dashboard/Data/Browser/SecureFieldsDialog.react';
+import SecurityDialog from 'dashboard/Data/Browser/SecurityDialog.react';
+import prettyNumber from 'lib/prettyNumber';
+import React, { useRef } from 'react';
 
 const BrowserToolbar = ({
   className,
@@ -82,6 +82,8 @@ const BrowserToolbar = ({
   classwiseCloudFunctions,
   appId,
   appName,
+  scrollToTop,
+  toggleScrollToTop,
 }) => {
   const selectionLength = Object.keys(selection).length;
   const isPendingEditCloneRows = editCloneRows && editCloneRows.length > 0;
@@ -424,7 +426,7 @@ const BrowserToolbar = ({
         <noscript />
       )}
       {enableSecurityDialog ? <div className={styles.toolbarSeparator} /> : <noscript />}
-      <BrowserMenu setCurrent={setCurrent} title="Script" icon="gear-solid">
+      <BrowserMenu setCurrent={setCurrent} title="Script" icon="script-solid">
         <MenuItem
           disabled={selectionLength === 0}
           text={
@@ -443,6 +445,30 @@ const BrowserToolbar = ({
           <MenuItem text={'Cancel all pending rows'} onClick={onCancelPendingEditRows} />
         </BrowserMenu>
       )}
+      <div className={styles.toolbarSeparator} />
+      <BrowserMenu setCurrent={setCurrent} title="Settings" icon="gear-solid">
+        <BrowserMenu title="Info Panel" setCurrent={setCurrent}>
+          <MenuItem
+            text={
+              <span>
+                {scrollToTop && (
+                  <Icon
+                    name="check"
+                    width={12}
+                    height={12}
+                    fill="#ffffffff"
+                    className="menuCheck"
+                  />
+                )}
+                Scroll to top
+              </span>
+            }
+            onClick={() => {
+              toggleScrollToTop();
+            }}
+          />
+        </BrowserMenu>
+      </BrowserMenu>
     </Toolbar>
   );
 };
diff --git a/src/dashboard/Data/Browser/DataBrowser.react.js b/src/dashboard/Data/Browser/DataBrowser.react.js
index 5fda24e448..1d0dbb7d1f 100644
--- a/src/dashboard/Data/Browser/DataBrowser.react.js
+++ b/src/dashboard/Data/Browser/DataBrowser.react.js
@@ -107,6 +107,7 @@ export default class DataBrowser extends React.Component {
       showAggregatedData: true,
       frozenColumnIndex: -1,
       showRowNumber: storedRowNumber,
+      scrollToTop: true,
       prefetchCache: {},
       selectionHistory: [],
     };
@@ -130,8 +131,10 @@ export default class DataBrowser extends React.Component {
     this.freezeColumns = this.freezeColumns.bind(this);
     this.unfreezeColumns = this.unfreezeColumns.bind(this);
     this.setShowRowNumber = this.setShowRowNumber.bind(this);
+    this.toggleScrollToTop = this.toggleScrollToTop.bind(this);
     this.handleCellClick = this.handleCellClick.bind(this);
     this.saveOrderTimeout = null;
+    this.aggregationPanelRef = React.createRef();
   }
 
   componentWillReceiveProps(props) {
@@ -215,6 +218,17 @@ export default class DataBrowser extends React.Component {
         this.props.setErrorAggregatedData({});
       }
     }
+
+    if (
+      (this.props.AggregationPanelData !== prevProps.AggregationPanelData ||
+        this.state.selectedObjectId !== prevState.selectedObjectId) &&
+      this.state.isPanelVisible &&
+      this.aggregationPanelRef?.current
+    ) {
+      if (this.state.scrollToTop) {
+        this.aggregationPanelRef.current.scrollTop = 0;
+      }
+    }
   }
 
   handleResizeStart() {
@@ -654,6 +668,10 @@ export default class DataBrowser extends React.Component {
     window.localStorage?.setItem(BROWSER_SHOW_ROW_NUMBER, show);
   }
 
+  toggleScrollToTop() {
+    this.setState(prevState => ({ scrollToTop: !prevState.scrollToTop }));
+  }
+
   getPrefetchSettings() {
     const config =
       this.props.classwiseCloudFunctions?.[
@@ -902,7 +920,10 @@ export default class DataBrowser extends React.Component {
               resizeHandles={['w']}
               className={styles.resizablePanel}
             >
-              <div className={styles.aggregationPanelContainer}>
+              <div
+                className={styles.aggregationPanelContainer}
+                ref={this.aggregationPanelRef}
+              >
                 <AggregationPanel
                   data={this.props.AggregationPanelData}
                   isLoadingCloudFunction={this.props.isLoadingCloudFunction}
@@ -949,6 +970,8 @@ export default class DataBrowser extends React.Component {
           isPanelVisible={this.state.isPanelVisible}
           appId={this.props.app.applicationId}
           appName={this.props.appName}
+          scrollToTop={this.state.scrollToTop}
+          toggleScrollToTop={this.toggleScrollToTop}
           {...other}
         />
 
diff --git a/src/dashboard/Data/Views/Views.react.js b/src/dashboard/Data/Views/Views.react.js
index f432d91e11..739976e21e 100644
--- a/src/dashboard/Data/Views/Views.react.js
+++ b/src/dashboard/Data/Views/Views.react.js
@@ -340,7 +340,7 @@ class Views extends TableView {
               text = 'Link';
             }
             content = (
-              <a href={url} target="_blank" rel="noreferrer">
+              <a href={url} target="_blank" rel="noopener noreferrer">
                 {text}
               </a>
             );
diff --git a/src/icons/script-solid.svg b/src/icons/script-solid.svg
new file mode 100644
index 0000000000..3941d0bd91
--- /dev/null
+++ b/src/icons/script-solid.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 100 100">
+  <!-- Generator: Adobe Illustrator 29.6.1, SVG Export Plug-In . SVG Version: 2.1.1 Build 9)  -->
+  <defs>
+    <style>
+      .st0 {
+        stroke: #000;
+        stroke-miterlimit: 10;
+      }
+    </style>
+  </defs>
+  <path class="st0" d="M50,0C22.4,0,0,22.4,0,50s22.4,50,50,50,50-22.4,50-50S77.6,0,50,0ZM45,32.8h-1.5c-1.4,0-2.4.2-3.1.7-.7.5-1.2,1.2-1.4,2.3-.2.6-.2,2.1-.3,4.6,0,2.5-.3,4.5-.9,5.9-.4,1.1-1.1,2-1.9,2.6-.6.5-1.6,1-3,1.5,1.5.6,2.5,1.2,3.2,1.8.7.6,1.3,1.6,1.8,2.8.5,1.3.8,3.3.8,6.1s.2,4.1.5,4.9c.3.8.8,1.3,1.5,1.6.7.3,2.1.5,4.3.5v9h-4.1c-4.2,0-7.3-.4-9-1.2-1.8-.8-3.1-1.9-3.8-3.5-.8-1.5-1.1-3.8-1.1-6.8s0-1.3,0-2c0-.4,0-.8,0-1.3,0-2.2-.2-3.7-.7-4.6-.5-.9-1.1-1.6-2-2-.9-.4-2.1-.6-3.7-.7v-9.6c1.7,0,2.9-.2,3.8-.7s1.5-1.1,1.9-2c.4-.9.7-2.5.7-4.7v-.9c0-.4,0-.9,0-1.3,0-3.3.3-5.7,1-7.1.6-1.5,1.5-2.6,2.7-3.4.8-.6,2-1,3.5-1.3,1.9-.4,4.1-.6,6.6-.6h4.4v9.1ZM78.5,55.2c-1.6,0-2.9.3-3.7.7-.9.4-1.5,1.1-2,2-.5.9-.7,2.4-.7,4.6s0,.8,0,1.3c0,.7,0,1.3,0,2,0,3-.4,5.3-1.1,6.8-.8,1.5-2,2.7-3.8,3.5-1.8.8-4.8,1.2-9,1.2h-4.1v-9c2.1,0,3.6-.2,4.3-.5.7-.3,1.2-.9,1.5-1.6.3-.8.5-2.4.5-4.9s.2-4.8.8-6.1c.5-1.3,1.1-2.2,1.8-2.8.7-.6,1.8-1.2,3.2-1.8-1.4-.5-2.4-1-3-1.5-.8-.7-1.4-1.5-1.9-2.6-.6-1.4-.9-3.4-.9-5.9,0-2.5-.1-4-.3-4.6-.3-1-.8-1.8-1.4-2.3-.7-.5-1.7-.7-3.1-.7h-1.5v-9.1h4.4c2.5,0,4.7.2,6.6.6,1.5.3,2.6.7,3.5,1.3,1.1.8,2,1.9,2.7,3.4.6,1.5,1,3.8,1,7.1s0,.9,0,1.3v.9c0,2.2.2,3.7.7,4.7.4.9,1.1,1.6,1.9,2s2.1.7,3.8.7v9.6Z"/>
+</svg>
\ No newline at end of file
diff --git a/src/icons/script.svg b/src/icons/script.svg
new file mode 100644
index 0000000000..6be6cf3763
--- /dev/null
+++ b/src/icons/script.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 100 100">
+  <!-- Generator: Adobe Illustrator 29.6.1, SVG Export Plug-In . SVG Version: 2.1.1 Build 9)  -->
+  <defs>
+    <style>
+      .st0 {
+        stroke: #000;
+        stroke-miterlimit: 10;
+      }
+    </style>
+  </defs>
+  <path d="M50,100C22.4,100,0,77.6,0,50S22.4,0,50,0s50,22.4,50,50-22.4,50-50,50ZM50,8.1c-23.1,0-41.9,18.8-41.9,41.9s18.8,41.9,41.9,41.9,41.9-18.8,41.9-41.9S73.1,8.1,50,8.1Z"/>
+  <g>
+    <path class="st0" d="M45,23.6v9.1h-1.5c-1.4,0-2.4.2-3.1.7-.7.5-1.2,1.2-1.4,2.3-.2.6-.2,2.1-.3,4.6,0,2.5-.3,4.5-.9,5.9-.4,1.1-1.1,2-1.9,2.6-.6.5-1.6,1-3,1.5,1.5.6,2.5,1.2,3.2,1.8.7.6,1.3,1.6,1.8,2.8.5,1.3.8,3.3.8,6.1s.2,4.1.5,4.9c.3.8.8,1.3,1.5,1.6.7.3,2.1.5,4.3.5v9h-4.1c-4.2,0-7.3-.4-9-1.2-1.8-.8-3.1-1.9-3.8-3.5-.8-1.5-1.1-3.8-1.1-6.8s0-1.3,0-2c0-.4,0-.8,0-1.3,0-2.2-.2-3.7-.7-4.6-.5-.9-1.1-1.6-2-2-.9-.4-2.1-.6-3.7-.7v-9.6c1.7,0,2.9-.2,3.8-.7s1.5-1.1,1.9-2c.4-.9.7-2.5.7-4.7v-.9c0-.4,0-.9,0-1.3,0-3.3.3-5.7,1-7.1.6-1.5,1.5-2.6,2.7-3.4.8-.6,2-1,3.5-1.3,1.9-.4,4.1-.6,6.6-.6h4.4Z"/>
+    <path class="st0" d="M58.4,23.6c2.5,0,4.7.2,6.6.6,1.5.3,2.6.7,3.5,1.3,1.1.8,2,1.9,2.7,3.4.6,1.5,1,3.8,1,7.1s0,.9,0,1.3v.9c0,2.2.2,3.7.7,4.7.4.9,1.1,1.6,1.9,2s2.1.7,3.8.7v9.6c-1.6,0-2.9.3-3.7.7-.9.4-1.5,1.1-2,2-.5.9-.7,2.4-.7,4.6s0,.8,0,1.3c0,.7,0,1.3,0,2,0,3-.4,5.3-1.1,6.8-.8,1.5-2,2.7-3.8,3.5-1.8.8-4.8,1.2-9,1.2h-4.1v-9c2.1,0,3.6-.2,4.3-.5.7-.3,1.2-.9,1.5-1.6.3-.8.5-2.4.5-4.9s.2-4.8.8-6.1c.5-1.3,1.1-2.2,1.8-2.8.7-.6,1.8-1.2,3.2-1.8-1.4-.5-2.4-1-3-1.5-.8-.7-1.4-1.5-1.9-2.6-.6-1.4-.9-3.4-.9-5.9,0-2.5-.1-4-.3-4.6-.3-1-.8-1.8-1.4-2.3-.7-.5-1.7-.7-3.1-.7h-1.5v-9.1h4.4Z"/>
+  </g>
+</svg>
\ No newline at end of file