diff --git a/frontend/src/components/toolbar/view-file-toolbar.js b/frontend/src/components/toolbar/view-file-toolbar.js
index d4186dcf52..a28028d925 100644
--- a/frontend/src/components/toolbar/view-file-toolbar.js
+++ b/frontend/src/components/toolbar/view-file-toolbar.js
@@ -147,7 +147,7 @@ class ViewFileToolbar extends React.Component {
     return (
       <Fragment>
         {opList.length > 0 &&
-        <Dropdown isOpen={this.state.isDropdownMenuOpen} toggle={this.toggleDropdownMenu}>
+        <Dropdown isOpen={this.state.isDropdownMenuOpen} toggle={this.toggleDropdownMenu} className="view-file-toolbar-dropdown">
           <DropdownToggle
             tag="div"
             role="button"
@@ -159,7 +159,7 @@ class ViewFileToolbar extends React.Component {
             {this.props.children}
             <i className="sf3-font-down sf3-font ml-1 path-item-dropdown-toggle"></i>
           </DropdownToggle>
-          <DropdownMenu onMouseMove={this.onDropDownMouseMove}>
+          <DropdownMenu positionFixed={true} onMouseMove={this.onDropDownMouseMove}>
             {opList.map((item, index) => {
               if (item == 'Divider') {
                 return <DropdownItem key={index} divider />;
diff --git a/frontend/src/css/lib-content-view.css b/frontend/src/css/lib-content-view.css
index da9e868f14..19b6d20b5f 100644
--- a/frontend/src/css/lib-content-view.css
+++ b/frontend/src/css/lib-content-view.css
@@ -304,6 +304,10 @@
   flex-shrink: 0;
 }
 
+.dir-view-path .view-file-toolbar-dropdown {
+  height: 24px;
+}
+
 .custom-modal {
   box-sizing: border-box;
   font-size: 0.875rem;