diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 480bb13..44669cf 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -41,7 +41,7 @@ import useBrowserTabIndicator from "./hooks/useBrowserTabIndicator";
 import TipLink from "./components/core/TipLink";
 import SelectAndEditModeToggleButton from "./components/select-and-edit/SelectAndEditModeToggleButton";
 import { useAppStore } from "./store/app-store";
-import KeyBadge from "./components/core/KeyBadge";
+import KeyboardShortcutBadge from "./components/core/KeyboardShortcutBadge";
 
 const IS_OPENAI_DOWN = false;
 
@@ -534,7 +534,7 @@ function App() {
                       onClick={() => doUpdate(updateInstruction)}
                       className="dark:text-white dark:bg-gray-700 update-btn"
                     >
-                      Update <KeyBadge letter="enter" />
+                      Update <KeyboardShortcutBadge letter="enter" />
                     </Button>
                   </div>
                   <div className="flex items-center justify-end gap-x-2 mt-2">
diff --git a/frontend/src/components/core/KeyBadge.tsx b/frontend/src/components/core/KeyboardShortcutBadge.tsx
similarity index 71%
rename from frontend/src/components/core/KeyBadge.tsx
rename to frontend/src/components/core/KeyboardShortcutBadge.tsx
index f0564da..0022495 100644
--- a/frontend/src/components/core/KeyBadge.tsx
+++ b/frontend/src/components/core/KeyboardShortcutBadge.tsx
@@ -1,11 +1,13 @@
 import React from "react";
 import { BsArrowReturnLeft } from "react-icons/bs";
 
-interface KeyBadgeProps {
+interface KeyboardShortcutBadgeProps {
   letter: string;
 }
 
-const KeyBadge: React.FC<KeyBadgeProps> = ({ letter }) => {
+const KeyboardShortcutBadge: React.FC<KeyboardShortcutBadgeProps> = ({
+  letter,
+}) => {
   const icon =
     letter.toLowerCase() === "enter" || letter.toLowerCase() === "return" ? (
       <BsArrowReturnLeft />
@@ -20,4 +22,4 @@ const KeyBadge: React.FC<KeyBadgeProps> = ({ letter }) => {
   );
 };
 
-export default KeyBadge;
+export default KeyboardShortcutBadge;
diff --git a/frontend/src/components/select-and-edit/EditPopup.tsx b/frontend/src/components/select-and-edit/EditPopup.tsx
index a23919a..aab6744 100644
--- a/frontend/src/components/select-and-edit/EditPopup.tsx
+++ b/frontend/src/components/select-and-edit/EditPopup.tsx
@@ -3,7 +3,7 @@ import { Textarea } from "../ui/textarea";
 import { Button } from "../ui/button";
 import { addHighlight, getAdjustedCoordinates, removeHighlight } from "./utils";
 import { useAppStore } from "../../store/app-store";
-import KeyBadge from "../core/KeyBadge";
+import KeyboardShortcutBadge from "../core/KeyboardShortcutBadge";
 
 interface EditPopupProps {
   event: MouseEvent | null;
@@ -140,7 +140,7 @@ const EditPopup: React.FC<EditPopupProps> = ({
           className="dark:bg-gray-700 dark:text-white"
           onClick={() => onUpdate(updateText)}
         >
-          Update <KeyBadge letter="enter" />
+          Update <KeyboardShortcutBadge letter="enter" />
         </Button>
       </div>
     </div>