@@ -3,26 +3,20 @@ import React from 'react'
 
 import styles from './key-for-search.module.scss'
 
-interface KeyForSearchProps {
-	userAgent: string | null
-}
-
-export const KeyForSearch = ({ userAgent }: KeyForSearchProps) => {
-	if (userAgent === null) {
-		return null
-	}
-
+export const KeyForSearch = () => {
 	const checkType = () => {
-		if (userAgent.includes('Windows')) {
-			return 'Ctrl + F'
+		if (navigator.userAgent && !navigator.userAgent.includes('Windows')) {
+			return '⌘+F'
 		} else {
-			return '⌥+F'
+			return 'Ctrl + F'
 		}
 	}
 
 	return (
 		<Box className={styles.ctrl}>
-			<Typography sx={{ fontSize: '13px', color: '#A4AAB5', fontWeight: 500 }}>{checkType()}</Typography>
+			<Typography sx={{ fontSize: '13px', color: '#A4AAB5', fontWeight: 500 }}>
+				{checkType()}
+			</Typography>
 		</Box>
 	)
 }
@@ -30,10 +30,10 @@ export const Search = ({ device }: SearchProps) => {
 		visibleMediaLinks,
 		staticLinks
 	)
-  
-  useEffect(() => {
-    console.log(links)
-  }, [links])
+
+	useEffect(() => {
+		console.log(links)
+	}, [links])
 
 	const { search, setSearch, searchOpen, setSearchOpen, searchRef, filteredLinks } =
 		useNavigationSearchModel(links)
@@ -137,13 +137,7 @@ export const Search = ({ device }: SearchProps) => {
 										}}
 									/>
 								),
-								endAdornment: (
-									<KeyForSearch
-										userAgent={
-											desktop ? window.navigator.userAgent : null
-										}
-									/>
-								),
+								endAdornment: <KeyForSearch />,
 							}}
 						/>
 					)}