finish the checkform

src/components/shared/ActionBadge.tsx

@@ -8,9 +8,9 @@ export function ActionBadge({ type }: ActionBadgeProps) {
 
   if (type === "Add-Keyword") {
     return (
-      <button className="flex items-center justify-center gap-0.5 px-1.5 py-0.5 rounded-md border border-grey-300 bg-white shadow-[0_1px_1px_0_rgba(5,19,65,0.07),0_1px_4px_-2px_rgba(24,39,75,0.02),0_0_2px_0_#E0E0E0] h-7 hover:bg-grey-50 transition-colors shrink-0 w-1/11">
-        <Plus className="w-4 h-4 text-grey-800" strokeWidth={1.5} />
-        <span className="text-xs font-semibold text-grey-900 leading-[18px]">Add Keyword</span>
+      <button className="flex items-center justify-center gap-0.5 px-1.5 py-0.5 rounded-md border border-gray-300 bg-white shadow-[0_1px_1px_0_rgba(5,19,65,0.07),0_1px_4px_-2px_rgba(24,39,75,0.02),0_0_2px_0_#E0E0E0] h-7 hover:bg-gray-50 transition-colors shrink-0 w-1/11">
+        <Plus className="w-4 h-4 text-gray-800" strokeWidth={1.5} />
+        <span className="text-xs font-semibold text-gray-900 leading-[18px] whitespace-nowrap">Add Keyword</span>
       </button>
     );
   }

src/components/shared/Header.tsx

@@ -75,7 +75,7 @@ const Header = () => {
                 aria-label="Close overlay"
               />
               <div className="fixed inset-0 flex items-center justify-center z-[60] p-4 pointer-events-none">
-                <div className="pointer-events-auto overflow-y-auto max-h-full">
+                <div className="pointer-events-auto overflow-y-auto max-w-[700px] lg:">
                   <KeywordConfirmationModal onClose={() => setShowOverlay(false)} />
                 </div>
               </div>