fix(coral) - Fix TableLayout filters row (#1991)

fix(coral) - Fix TableLayout filters row Signed-off-by: Mathieu Anderson <mathieu.anderson@aiven.io>
Aiven-Open · Nov 17, 2023 · cc30b19 · cc30b19
1 parent e7655d6
commit cc30b19
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/coral/src/app/features/components/layouts/TableLayout.tsx b/coral/src/app/features/components/layouts/TableLayout.tsx
@@ -28,13 +28,17 @@ function TableLayout(props: TableLayoutProps) {
         flexDirection={"row"}
         flexWrap={"wrap"}
         alignItems={"center"}
-        justifyContent={"stretch"}
+        justifyContent={"space-between"}
         colGap={"l1"}
         marginY={"l1"}
       >
         {filters.map((element) => {
           return (
-            <Box.Flex key={element.key} flexDirection={"column"}>
+            <Box.Flex
+              key={element.key}
+              flexDirection={"column"}
+              flex={"1 0 auto"}
+            >
               {element}
             </Box.Flex>
           );