Merge pull request #911 from alleslabs/fix/validator-top

fix: validator top

CHANGELOG.md

@@ -46,7 +46,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Improvements
 
-- [#907](https://github.com/alleslabs/celatone-frontend/pull/907) Mirgrate mahalo and minitias from 2 to 3
+- [#907](https://github.com/alleslabs/celatone-frontend/pull/907) Migrate mahalo and minitias from 2 to 3
 - [#905](https://github.com/alleslabs/celatone-frontend/pull/905) Refactor module related component for better readability
 - [#900](https://github.com/alleslabs/celatone-frontend/pull/900) Refactor module details info
 - [#899](https://github.com/alleslabs/celatone-frontend/pull/899) Refactor module details APIs
@@ -56,6 +56,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Bug fixes
 
+- [#911](https://github.com/alleslabs/celatone-frontend/pull/911) Fix validator top flex
 - [#909](https://github.com/alleslabs/celatone-frontend/pull/909) Remove module arbitrary policy as it is no longer supported
 - [#904](https://github.com/alleslabs/celatone-frontend/pull/904) Fix wasm page container text alignment
 - [#893](https://github.com/alleslabs/celatone-frontend/pull/893) Fix validator list percent

src/lib/pages/validator-details/components/validator-top/ValidatorStats.tsx

@@ -20,14 +20,15 @@ const StatWithLabel = ({
   isLoading: boolean;
   tooltipLabel?: string;
 }) => (
-  <Flex gap={{ md: 2 }} direction={{ base: "column", md: "row" }} flex={1}>
-    <Flex gap={1} alignItems="center">
-      <Text variant="body2" fontWeight={600} color="text.dark">
-        {label}
-
-        {tooltipLabel && <TooltipInfo label={tooltipLabel} />}
-      </Text>
-    </Flex>
+  <Flex
+    gap={{ md: 2 }}
+    align="center"
+    direction={{ base: "column", md: "row" }}
+    flexGrow={{ base: 1, md: 0 }}
+  >
+    <Text variant="body2" fontWeight={600} color="text.dark">
+      {label} {tooltipLabel && <TooltipInfo label={tooltipLabel} />}
+    </Text>
     {isLoading ? (
       <Spinner size="sm" />
     ) : (