diff --git a/src/components/AccessibilityButton/index.tsx b/src/components/AccessibilityButton/index.tsx
new file mode 100644
index 00000000..1499d7b5
--- /dev/null
+++ b/src/components/AccessibilityButton/index.tsx
@@ -0,0 +1,23 @@
+import { Button } from "@/ui/Button"
+import { HiOutlineEye, HiOutlineEyeOff } from "react-icons/hi"
+import { useTheme } from "@/ui/theme/useTheme"
+
+export function AccessibilityButton() {
+    const { theme, setTheme } = useTheme()
+
+    return (
+        <Button
+            theme="icon"
+            size="default"
+            onClick={() => {
+                setTheme(theme === "default" ? "contrast" : "default")
+            }}
+        >
+            {theme === "default" ? (
+                <HiOutlineEyeOff size={24} />
+            ) : (
+                <HiOutlineEye size={24} />
+            )}
+        </Button>
+    )
+}
diff --git a/src/components/App/index.tsx b/src/components/App/index.tsx
index 79dbc70b..32e9d30c 100644
--- a/src/components/App/index.tsx
+++ b/src/components/App/index.tsx
@@ -9,8 +9,7 @@ import { useRouter } from "next/router"
 import { useMobile } from "src/hooks/useMobile"
 import { Navigation } from "@/components/Navigation"
 import { Box } from "@/ui/Box"
-import { Button } from "@/ui/Button"
-import { HiOutlineEye, HiOutlineEyeOff } from "react-icons/hi"
+import { AccessibilityButton } from "../AccessibilityButton"
 import { useTheme } from "@/ui/theme/useTheme"
 import { Copyright } from "../Copyright"
 import { Spacer } from "../Spacer"
@@ -19,7 +18,6 @@ import { Title } from "@/ui/Title"
 import { Panel } from "@/ui/Panel"
 import { Contacts } from "../Contacts"
 import dynamic from "next/dynamic"
-import { mk } from "date-fns/locale"
 
 import qr0 from "src/assets/qr00.png"
 import qr1 from "src/assets/qr01.png"
@@ -83,15 +81,7 @@ export const App: React.FC<AppProps> = ({ showAuthor = false, menu, ...props })
                                 <Title level={3}>
                                     Версия для слабовидящих
                                 </Title>
-                                <Button theme="icon" size="default" onClick={() => {
-                                    setTheme(theme === "default" ? "contrast" : "default")
-                                }}>
-                                    {theme === "default" ? (
-                                        <HiOutlineEyeOff size={24} />
-                                    ) : (
-                                        <HiOutlineEye size={24} />
-                                    )}
-                                </Button>
+                                <AccessibilityButton />
                             </Panel>
 
                             <Panel ghost style={{
diff --git a/src/components/Navigation/DesktopNavigation.tsx b/src/components/Navigation/DesktopNavigation.tsx
index 498c0257..b94666ca 100644
--- a/src/components/Navigation/DesktopNavigation.tsx
+++ b/src/components/Navigation/DesktopNavigation.tsx
@@ -5,6 +5,8 @@ import { Box } from "@/ui/Box"
 import { HudozkaLogo } from "../HudozkaLogo"
 import { useDarkTheme } from "@/hooks/useDarkTheme"
 import Link from "next/link"
+import { AccessibilityButton } from "../AccessibilityButton"
+import { Spacer } from "../Spacer"
 
 export type DesktopNavigationProps = {
     style?: React.CSSProperties
@@ -23,6 +25,9 @@ export const DesktopNavigation: React.FC<DesktopNavigationProps> = ({ style }) =
             <Menu
                 items={menu}
             />
+
+            <Spacer />
+            <AccessibilityButton />
         </Box>
     )
 }