[rc] fix: TableHead alignment

Peersyst · Dec 6, 2024 · 3d0444a · 3d0444a
1 parent e84f26e
commit 3d0444a
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 6 deletions.
diff --git a/packages/genesys/packages/react-components/package.json b/packages/genesys/packages/react-components/package.json
@@ -1,7 +1,7 @@
 {
     "name": "@peersyst/react-components",
     "author": "Peersyst",
-    "version": "3.9.44",
+    "version": "3.9.45",
     "license": "MIT",
     "main": "./src/index.tsx",
     "engines": {

diff --git a/packages/genesys/packages/react-components/src/Table/TableHead/TableHead.styles.ts b/packages/genesys/packages/react-components/src/Table/TableHead/TableHead.styles.ts
@@ -54,16 +54,17 @@ export const TableHeaderTitle = styled.span<TableHeaderTitleProps>(
         white-space: nowrap;
         text-overflow: ellipsis;
         text-align: ${alignment};
+        width: 100%;
     `,
 );
 
 export const TableHeaderSortButtonContainer = styled.div<TableHeaderSortButtonContainerProps>(
     ({ isSorted }) => css`
-    display: flex;
-    opacity: ${isSorted ? "1" : "0"}};
-    width: ${isSorted ? "auto" : "0px"};
-    transition: opacity 200ms;
-`,
+        display: flex;
+        opacity: ${isSorted ? "1" : "0"};
+        width: ${isSorted ? "auto" : "0px"};
+        transition: opacity 200ms;
+    `,
 );
 
 export const TableSortButton = styled(IconButton)<TableSortButtonProps>(