diff --git a/frontend/src/components/PageHeading.tsx b/frontend/src/components/PageHeading.tsx
index dc38c143..96e07a14 100644
--- a/frontend/src/components/PageHeading.tsx
+++ b/frontend/src/components/PageHeading.tsx
@@ -1,5 +1,5 @@
-import {Heading, HeadingProps} from '@chakra-ui/layout';
 import {ReactNode} from 'react';
+import {Heading, HeadingProps} from '@chakra-ui/react';
 
 interface Props {
   children: ReactNode;
diff --git a/frontend/src/components/Pagination.tsx b/frontend/src/components/Pagination.tsx
index 1964ad16..56df93cb 100644
--- a/frontend/src/components/Pagination.tsx
+++ b/frontend/src/components/Pagination.tsx
@@ -1,8 +1,8 @@
-import {Spacer, Stack} from '@chakra-ui/layout';
 import React from 'react';
 import {generatePath} from 'react-router';
 import {toQueryString, useQueryString} from '../hooks/common';
 import ButtonLink from './ButtonLink';
+import {Spacer, Stack} from '@chakra-ui/react';
 
 interface PaginationProps {
   path: string;