diff --git a/docs/shortcuts.md b/docs/shortcuts.md
index 363dfdb..bca7711 100644
--- a/docs/shortcuts.md
+++ b/docs/shortcuts.md
@@ -3,7 +3,7 @@
 | Key                            | Description                  |
 | ------------------------------ | ---------------------------- |
 | <kbd>ctrl</kbd> + <kbd>s</kbd> | Open Settings Modal          |
-| <kbd>ctrl</kbd> + <kbd>r</kbd> | Refresh data                 |
+| <kbd>alt</kbd> + <kbd>r</kbd>  | Refresh data                 |
 | <kbd>ctrl</kbd> + <kbd>l</kbd> | Switch display to line chart |
 | <kbd>ctrl</kbd> + <kbd>b</kbd> | Switch display to bar chart  |
 | <kbd>ctrl</kbd> + <kbd>t</kbd> | Switch display to table      |
diff --git a/renderer/components/NavigationBar/index.js b/renderer/components/NavigationBar/index.js
index 4269d72..c89f5e8 100644
--- a/renderer/components/NavigationBar/index.js
+++ b/renderer/components/NavigationBar/index.js
@@ -11,6 +11,7 @@ import {
 	Flex,
 	Kbd,
 	Box,
+	HStack,
 } from "@chakra-ui/react";
 import { HiArrowSmDown, HiAdjustments, HiRefresh } from "react-icons/hi";
 
@@ -63,7 +64,7 @@ export default function NavigationBar() {
 		});
 	}, []);
 
-	useHotkeys("ctrl+r", () => {
+	useHotkeys("alt+r", () => {
 		reloadConfigs();
 		reloadingTrafficData();
 		router.replace(router.asPath);
@@ -99,7 +100,9 @@ export default function NavigationBar() {
 					<Export />
 				</Flex>
 				<Flex>
-					<Box>
+					<HStack mr={1}>
+						<Kbd>ALT</Kbd>
+						<span style={{ color: "white" }}>+</span>
 						<Kbd>R</Kbd>
 						<Tooltip label='Refresh'>
 							<IconButton
@@ -116,7 +119,7 @@ export default function NavigationBar() {
 								}}
 							/>
 						</Tooltip>
-					</Box>
+					</HStack>
 
 					<Menu>
 						<Tooltip label='Interval'>