diff --git a/src/components/Navbar/index.tsx b/src/components/Navbar/index.tsx
index 8d33bf6..8fd9bec 100644
--- a/src/components/Navbar/index.tsx
+++ b/src/components/Navbar/index.tsx
@@ -31,7 +31,11 @@ const Navbar = ({ withSidebar }: NavbarProps) => {
         items={
           role !== 'admin'
             ? [
-                { icon: <Settings />, label: 'Settings', action: () => {} },
+                {
+                  icon: <Settings />,
+                  label: 'Settings',
+                  action: () => history.push('/settings'),
+                },
                 {
                   icon: <Logout />,
                   label: 'Logout',
diff --git a/src/components/Navbar/styles.ts b/src/components/Navbar/styles.ts
index eca9545..d7903f5 100644
--- a/src/components/Navbar/styles.ts
+++ b/src/components/Navbar/styles.ts
@@ -16,6 +16,7 @@ export const Wrapper = styled.div<WrapperProps>`
   user-select: none;
   position: sticky;
   top: 0;
+  z-index: 99;
 
   svg {
     display: flex;