diff --git a/docs/.vitepress/addons.ts b/docs/.vitepress/addons.ts
index 97d7c51201..39af81b58b 100644
--- a/docs/.vitepress/addons.ts
+++ b/docs/.vitepress/addons.ts
@@ -16,6 +16,17 @@ export const official: AddonInfo[] = [
 ]
 
 export const community: AddonInfo[] = [
+  {
+    id: 'slidev-addon-python-runner',
+    name: 'Python Runner',
+    description: 'Run actual Python code in your slides',
+    tags: ['Code runner'],
+    author: {
+      name: '_Kerman',
+      link: 'https://github.com/KermanX',
+    },
+    repo: 'https://github.com/KermanX/slidev-addon-python-runner',
+  },
   {
     id: 'slidev-addon-tldraw',
     name: 'tldraw for Slidev',
diff --git a/docs/.vitepress/theme/components/AddonInfo.vue b/docs/.vitepress/theme/components/AddonInfo.vue
index 249148c424..17c11071d2 100644
--- a/docs/.vitepress/theme/components/AddonInfo.vue
+++ b/docs/.vitepress/theme/components/AddonInfo.vue
@@ -7,7 +7,7 @@ defineProps<{
 </script>
 
 <template>
-  <a :href="addon.link || addon.repo" class="block !decoration-none !text-unset !cursor-unset !hover:bg-gray-400/10 p-2 rounded-lg transition-all">
+  <a :href="addon.link || addon.repo" class="block flex flex-col !decoration-none !text-unset !cursor-unset !hover:bg-gray-400/10 p-2 rounded-lg transition-all">
     <div class="flex flex-wrap">
       <a :href="addon.link || addon.repo" class="font-bold text-lg !text-$vp-c-text-1 !decoration-none">
         {{ addon.name }}
@@ -20,7 +20,7 @@ defineProps<{
       </div>
     </div>
     <div
-      class="text-current text-xs opacity-90"
+      class="flex-grow text-current text-xs opacity-90"
       :title="addon.description"
     >
       {{ addon.description }}