diff --git a/src/components/ColorModeSwitcher.js b/src/components/ColorModeSwitcher.js
index 7850870..fbf6693 100644
--- a/src/components/ColorModeSwitcher.js
+++ b/src/components/ColorModeSwitcher.js
@@ -14,9 +14,7 @@ export const ColorModeSwitcher = (props) => {
aria-label={`Switch to ${text} mode`}
variant="ghost"
color="current"
- position="fixed"
- top="5"
- left="50%"
+ max-width="320px"
zIndex="3"
onClick={toggleColorMode}
icon={
}
diff --git a/src/components/nav.js b/src/components/nav.js
index 19ef403..b7d068f 100644
--- a/src/components/nav.js
+++ b/src/components/nav.js
@@ -1,12 +1,13 @@
import React from "react";
import { Button } from "@chakra-ui/react";
import { Text } from "@chakra-ui/react";
-
+import { ColorModeSwitcher } from "./ColorModeSwitcher";
const Nav = ({ libraryStatus, setlibraryStatus }) => {
return (