diff --git a/frontend/src/settings/APIKeys.tsx b/frontend/src/settings/APIKeys.tsx
index 18904d248..dc220013d 100644
--- a/frontend/src/settings/APIKeys.tsx
+++ b/frontend/src/settings/APIKeys.tsx
@@ -77,7 +77,7 @@ export default function APIKeys() {
   }, []);
   return (
     <div className="mt-8">
-      <div className="flex w-full flex-col lg:w-max">
+      <div className="flex flex-col max-w-[876px]">
         <div className="flex justify-end">
           <button
             onClick={() => setCreateModal(true)}
@@ -103,7 +103,7 @@ export default function APIKeys() {
             <table className="block w-max table-auto content-center justify-center rounded-xl border text-center dark:border-chinese-silver dark:text-bright-gray">
               <thead>
                 <tr>
-                  <th className="border-r p-4 md:w-[244px]">
+                  <th className="w-[244px] border-r p-4">
                     {t('settings.apiKeys.name')}
                   </th>
                   <th className="w-[244px] border-r px-4 py-2">