1 files changed, 13 insertions, 4 deletions
diff --git a/server/sonar-web/src/main/js/components/workspace/WorkspaceNav.tsx b/server/sonar-web/src/main/js/components/workspace/WorkspaceNav.tsx
index 3ca507b9cc3..97ea88c06c0 100644
--- a/server/sonar-web/src/main/js/components/workspace/WorkspaceNav.tsx
+++ b/server/sonar-web/src/main/js/components/workspace/WorkspaceNav.tsx
@@ -17,9 +17,10 @@
  * along with this program; if not, write to the Free Software Foundation,
  * Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
  */
+import styled from '@emotion/styled';
 import * as React from 'react';
-import { ComponentDescriptor } from './context';
 import WorkspaceNavComponent from './WorkspaceNavComponent';
+import { ComponentDescriptor } from './context';
 
 export interface Props {
   components: ComponentDescriptor[];
@@ -33,8 +34,8 @@ export default function WorkspaceNav(props: Props) {
   const components = props.components.filter((x) => x.key !== props.open.component);
 
   return (
-    <nav className="workspace-nav">
-      <ul className="workspace-nav-list">
+    <WorkspaceNavStyled>
+      <ul className="sw-float-right">
         {components.map((component) => (
           <WorkspaceNavComponent
             component={component}
@@ -44,6 +45,14 @@ export default function WorkspaceNav(props: Props) {
           />
         ))}
       </ul>
-    </nav>
+    </WorkspaceNavStyled>
   );
 }
+
+const WorkspaceNavStyled = styled.nav`
+  position: fixed;
+  z-index: 451;
+  bottom: 0;
+  right: 0;
+  height: 1.75rem;
+`;