diff --git a/src/pages/course-list.tsx b/src/pages/course-list.tsx
index 388276f..40d4af9 100644
--- a/src/pages/course-list.tsx
+++ b/src/pages/course-list.tsx
@@ -288,7 +288,7 @@ const CourseCard = ({
         </CardBody>
       )}
       <CardFooter>
-        <ButtonGroup spacing="4" mt="16px">
+        <ButtonGroup spacing={[0, 4]} mt="16px" flexDirection={['column', 'row']}>
           <Tooltip label="На страницу с лекциями" fontSize="12px" top="16px">
             <Button
               leftIcon={<LinkIcon />}
@@ -302,6 +302,7 @@ const CourseCard = ({
           <Tooltip label="Детали" fontSize="12px" top="16px">
             <Button
               colorScheme="blue"
+              mt={["16px", 0]}
               variant="outline"
               leftIcon={isOpened ? <ArrowUpIcon /> : <ArrowDownIcon />}
               loadingText="Загрузка"