diff --git a/src/components/Navigation/index.js b/src/components/Navigation/index.js index 39d370d7..8457c683 100644 --- a/src/components/Navigation/index.js +++ b/src/components/Navigation/index.js @@ -15,7 +15,7 @@ import DarkMode from '../Dark-Mode'; const Navigation = () => { return ( - + diff --git a/src/components/Navigation/styles.scss b/src/components/Navigation/styles.scss index 111f17aa..b8749e2c 100644 --- a/src/components/Navigation/styles.scss +++ b/src/components/Navigation/styles.scss @@ -1,3 +1,9 @@ +.navbar.sticky { + position: sticky; + top: 0; + z-index: 1; +} + body.light-mode .navbar { background-color: #f7f8f9; color: #000000; diff --git a/src/components/Table/styles.scss b/src/components/Table/styles.scss index 988e8e9f..5c566b27 100644 --- a/src/components/Table/styles.scss +++ b/src/components/Table/styles.scss @@ -62,7 +62,7 @@ body.dark-mode .modal-content { > tr th { background: white; position: sticky; - top: 0; + top: 50px; text-wrap: nowrap; } }