From cf24b388ba3a4381e624183b0682b39370e987f5 Mon Sep 17 00:00:00 2001
From: schroda <50052685+schroda@users.noreply.github.com>
Date: Tue, 23 Dec 2025 04:04:14 +0100
Subject: [PATCH] Fix extension info meta and action button styling

Ensure all components have the same width. Otherwise, the divider is not centered properly, which makes it look weird
---
 src/features/extension/info/components/ActionButton.tsx      | 2 +-
 src/features/extension/info/components/ExtensionMetadata.tsx | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/features/extension/info/components/ActionButton.tsx b/src/features/extension/info/components/ActionButton.tsx
index 4c451b58..89800cbe 100644
--- a/src/features/extension/info/components/ActionButton.tsx
+++ b/src/features/extension/info/components/ActionButton.tsx
@@ -22,7 +22,7 @@ export const ActionButton = ({ pkgName, isInstalled, isObsolete, hasUpdate }: TE
     const installedState = getInstalledState(isInstalled, isObsolete, hasUpdate);
 
     return (
-        <Box sx={{ px: 1 }}>
+        <Box sx={{ px: 1, flexGrow: 1, flexBasis: 0 }}>
             <Button
                 sx={{
                     width: '100%',
diff --git a/src/features/extension/info/components/ExtensionMetadata.tsx b/src/features/extension/info/components/ExtensionMetadata.tsx
index 173d44c4..94759581 100644
--- a/src/features/extension/info/components/ExtensionMetadata.tsx
+++ b/src/features/extension/info/components/ExtensionMetadata.tsx
@@ -26,6 +26,7 @@ export const ExtensionMetadata = ({
                     flexDirection: 'column-reverse',
                     alignItems: 'center',
                     flexGrow: 1,
+                    flexBasis: 0,
                 },
             }}
             titleProps={{