diff --git a/packages/web/src/pages/EditorialPage.tsx b/packages/web/src/pages/EditorialPage.tsx
index 94fc2bc7..bd9b3fb7 100644
--- a/packages/web/src/pages/EditorialPage.tsx
+++ b/packages/web/src/pages/EditorialPage.tsx
@@ -261,7 +261,7 @@ const EditorialPage: React.FC = () => {
       </div>
       <div className="col-span-12 col-start-1 mx-2 lg:col-span-10 lg:col-start-2 xl:col-span-10 xl:col-start-2">
         <Card label="校正したい文章">
-          <div className="mb-2 flex w-full items-center justify-between">
+          <div className="mb-2 flex w-full flex-col justify-between sm:flex-row">
             <Select
               value={modelId}
               onChange={setModelId}
diff --git a/packages/web/src/pages/TranslatePage.tsx b/packages/web/src/pages/TranslatePage.tsx
index e35c8849..9c18aafa 100644
--- a/packages/web/src/pages/TranslatePage.tsx
+++ b/packages/web/src/pages/TranslatePage.tsx
@@ -266,7 +266,7 @@ const TranslatePage: React.FC = () => {
       </div>
       <div className="col-span-12 col-start-1 mx-2 lg:col-span-10 lg:col-start-2 xl:col-span-10 xl:col-start-2">
         <Card label="翻訳したい文章">
-          <div className="flex w-full items-center justify-between">
+          <div className="flex w-full flex-col justify-between sm:flex-row">
             <Select
               value={modelId}
               onChange={setModelId}