diff --git a/docs/.vitepress/theme/components/packages/PackageListItem.vue b/docs/.vitepress/theme/components/packages/PackageListItem.vue
index 4609a8026..bb1681c9f 100644
--- a/docs/.vitepress/theme/components/packages/PackageListItem.vue
+++ b/docs/.vitepress/theme/components/packages/PackageListItem.vue
@@ -59,10 +59,15 @@ const props = defineProps<{
 }
 .package-header {
   display: flex;
-  flex-direction: row;
+  flex-direction: column;
   align-items: flex-start;
   gap: 24px;
 }
+@media screen and (min-width: 480px) {
+  .package-header {
+    flex-direction: row;
+  }
+}
 .package-icon-well {
   padding: 16px;
   border-radius: 12px;