2 files changed, 16 insertions, 14 deletions
diff --git a/src/app/_components/archiveLinkElement.tsx b/src/app/_components/archiveLinkElement.tsx
index 94daed5..7b19e9c 100644
--- a/src/app/_components/archiveLinkElement.tsx
+++ b/src/app/_components/archiveLinkElement.tsx
@@ -71,18 +71,18 @@ export function ArciveLinkElement(option: Option) {
       <a
         href={originalUrl}
         target="_blank"
-        className={`transition duration-300 ease-in-out hover:text-gray-900 ${className}`}
+        className={`transition duration-300 ease-in-out hover:text-gray-900 whitespace-nowrap ${className}`}
         title={officialLinkTitle}
       >公式</a>
       <a
         href={`https://web.archive.org/web/*/${originalUrl}`}
         target="_blank"
-        className={`transition duration-300 ease-in-out hover:text-gray-900 ${className}`}
+        className={`transition duration-300 ease-in-out hover:text-gray-900 whitespace-nowrap ${className}`}
         title={iaSearchResultLinkTitle}
       >IA検索結果</a>
       <Link
         href={`/iframe?src=${iframeSrc}`}
-        className={`transition duration-300 ease-in-out hover:text-gray-900 ${className}`}
+        className={`transition duration-300 ease-in-out hover:text-gray-900 whitespace-nowrap ${className}`}
         title={iframeLinkTitle}
       >IAをiframe</Link>
       {suffixPrivate}
diff --git a/src/app/_components/tableElements.tsx b/src/app/_components/tableElements.tsx
index 1051048..0c100d9 100644
--- a/src/app/_components/tableElements.tsx
+++ b/src/app/_components/tableElements.tsx
@@ -11,7 +11,7 @@ export function TableElement(mainOption: MainOption, bodyList: { element: JSX.El
   for (const h of mainOption.header) {
     const index = mainOption.header.indexOf(h);
     headerElementList.push(
-      <th scope="col" className="px-6 py-4 text-left" key={`th-${index}`}>{h.label}</th>
+      <th scope="col" className="px-6 py-4 text-left whitespace-nowrap" key={`th-${index}`}>{h.label}</th>
     );
   }
   const bodyElementList: JSX.Element[] = [];
@@ -30,15 +30,17 @@ export function TableElement(mainOption: MainOption, bodyList: { element: JSX.El
     trIndex += 1;
   }
   return (
-    <table className="w-full">
-      <thead className="bg-white border-b sticky top-0 text-md font-medium text-gray-900">
-        <tr>
-          {headerElementList}
-        </tr>
-      </thead>
-      <tbody className="">
-        {bodyElementList}
-      </tbody>
-    </table>
+    <div className="overflow-x-auto">
+      <table className="w-full">
+        <thead className="bg-white border-b sticky top-0 text-md font-medium text-gray-900">
+          <tr>
+            {headerElementList}
+          </tr>
+        </thead>
+        <tbody className="">
+          {bodyElementList}
+        </tbody>
+      </table>
+    </div>
   );
 }