diff --git a/website/content/components/popout-wrapper.mdx b/website/content/components/popout-wrapper.mdx
index 7ec55c515b..a946c90543 100644
--- a/website/content/components/popout-wrapper.mdx
+++ b/website/content/components/popout-wrapper.mdx
@@ -25,10 +25,12 @@ return (
     <Button onClick={() => setIsOpen(true)}>Открыть окно</Button>
     {isOpen && (
       <PopoutWrapper onClick={() => setIsOpen(false)}>
-        <Div>
-          <Title>Всплывающее окно</Title>
-          <Text>Содержимое всплывающего окна</Text>
-        </Div>
+        <Card>
+          <Box padding="system">
+            <Title>Всплывающее окно</Title>
+            <Text>Содержимое всплывающего окна</Text>
+          </Box>
+        </Card>
       </PopoutWrapper>
     )}
   </>