diff --git a/src/apps/copilots/src/pages/copilot-opportunity-list/styles.module.scss b/src/apps/copilots/src/pages/copilot-opportunity-list/styles.module.scss index fabdab748..ed569a42f 100644 --- a/src/apps/copilots/src/pages/copilot-opportunity-list/styles.module.scss +++ b/src/apps/copilots/src/pages/copilot-opportunity-list/styles.module.scss @@ -7,6 +7,12 @@ gap: 8px; } +@media (max-width: 767px) { + .title { + min-width: 200px; + } +} + .skillPill { background-color: #d6d6d6; color: #333; diff --git a/src/apps/copilots/src/pages/copilot-requests/CopilotRequestsPage.module.scss b/src/apps/copilots/src/pages/copilot-requests/CopilotRequestsPage.module.scss index 8465678e4..b36172f28 100644 --- a/src/apps/copilots/src/pages/copilot-requests/CopilotRequestsPage.module.scss +++ b/src/apps/copilots/src/pages/copilot-requests/CopilotRequestsPage.module.scss @@ -7,6 +7,12 @@ padding: $sp-2 0; } +@media (max-width: 767px) { + .title { + min-width: 200px; + } +} + .viewRequestIcon { color: $turq-180; padding: 0 $sp-1; diff --git a/src/libs/ui/lib/components/content-layout/ContentLayout.module.scss b/src/libs/ui/lib/components/content-layout/ContentLayout.module.scss index 7cc8a3ac9..628902a35 100644 --- a/src/libs/ui/lib/components/content-layout/ContentLayout.module.scss +++ b/src/libs/ui/lib/components/content-layout/ContentLayout.module.scss @@ -36,6 +36,12 @@ color: $black-100; } } + + @media (max-width: 767px) { + .page-header { + flex-direction: column; + } + } } } }