diff --git a/src/components/settings/CustomWords.tsx b/src/components/settings/CustomWords.tsx
index c5d2710..0f059d3 100644
--- a/src/components/settings/CustomWords.tsx
+++ b/src/components/settings/CustomWords.tsx
@@ -54,10 +54,10 @@ export const CustomWords: React.FC<CustomWordsProps> = React.memo(
           <div className="flex items-center gap-2">
             <Input
               type="text"
-              className="max-w-[128px]"
+              className="max-w-40"
               value={newWord}
               onChange={(e) => setNewWord(e.target.value)}
-              onKeyPress={handleKeyPress}
+              onKeyDown={handleKeyPress}
               placeholder="Add a word"
               variant="compact"
               disabled={isUpdating("custom_words")}
diff --git a/src/components/ui/Button.tsx b/src/components/ui/Button.tsx
index 0e50734..13462ca 100644
--- a/src/components/ui/Button.tsx
+++ b/src/components/ui/Button.tsx
@@ -12,19 +12,22 @@ export const Button: React.FC<ButtonProps> = ({
   size = "md",
   ...props
 }) => {
-  const baseClasses = "font-medium rounded focus:outline-none transition-colors disabled:opacity-50 disabled:cursor-not-allowed";
-  
+  const baseClasses =
+    "font-medium rounded focus:outline-none transition-colors disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer";
+
   const variantClasses = {
-    primary: "text-white bg-background-ui hover:bg-background-ui/90 focus:ring-1 focus:ring-background-ui",
+    primary:
+      "text-white bg-background-ui hover:bg-background-ui/90 focus:ring-1 focus:ring-background-ui",
     secondary: "bg-mid-gray/10 hover:bg-background-ui/30 focus:outline-none",
-    danger: "text-white bg-red-600 hover:bg-red-700 focus:ring-1 focus:ring-red-500",
-    ghost: "text-current hover:bg-mid-gray/10 focus:bg-mid-gray/20"
+    danger:
+      "text-white bg-red-600 hover:bg-red-700 focus:ring-1 focus:ring-red-500",
+    ghost: "text-current hover:bg-mid-gray/10 focus:bg-mid-gray/20",
   };
 
   const sizeClasses = {
     sm: "px-2 py-1 text-xs",
-    md: "px-3 py-1 text-sm", 
-    lg: "px-4 py-2 text-base"
+    md: "px-4 py-[5px] text-sm",
+    lg: "px-4 py-2 text-base",
   };
 
   return (
@@ -35,4 +38,4 @@ export const Button: React.FC<ButtonProps> = ({
       {children}
     </button>
   );
-};
\ No newline at end of file
+};