fix alignment

centrifuge · Sep 18, 2023 · 2a93b37 · 2a93b37
1 parent 63eef1d
commit 2a93b37
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/centrifuge-app/src/components/PoolFilter/SortButton.tsx b/centrifuge-app/src/components/PoolFilter/SortButton.tsx
@@ -9,14 +9,15 @@ export type SortButtonProps = {
   label: string
   searchKey: SortBy
   tooltip?: string
+  justifySelf?: 'start' | 'end'
 }
 
 type Sorting = {
   isActive: boolean
   direction: string | null
 }
 
-export function SortButton({ label, searchKey, tooltip }: SortButtonProps) {
+export function SortButton({ label, searchKey, tooltip, justifySelf = 'end' }: SortButtonProps) {
   const history = useHistory()
   const { pathname, search } = useLocation()
 
@@ -58,7 +59,7 @@ export function SortButton({ label, searchKey, tooltip }: SortButtonProps) {
             : `Sort ${label} ascending`
         }
         aria-live
-        style={{ justifySelf: 'end' }}
+        style={{ justifySelf }}
       >
         <FilterButton forwardedAs="span" variant="body3">
           {label}
@@ -82,7 +83,7 @@ export function SortButton({ label, searchKey, tooltip }: SortButtonProps) {
           : `Sort ${label} ascending`
       }
       aria-live
-      style={{ justifySelf: 'end' }}
+      style={{ justifySelf }}
     >
       {label}
 

diff --git a/centrifuge-app/src/components/PoolFilter/index.tsx b/centrifuge-app/src/components/PoolFilter/index.tsx
@@ -38,7 +38,7 @@ export function PoolFilter({ pools }: PoolFilterProps) {
         tooltip="Value locked represents the current total value of pool tokens."
       />
 
-      <SortButton {...poolFilterConfig.apr} />
+      <SortButton {...poolFilterConfig.apr} justifySelf="start" />
 
       <FilterMenu
         {...poolFilterConfig.poolStatus}