diff --git a/src/App.tsx b/src/App.tsx
index 4867c57..94a6831 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -35,7 +35,7 @@ const MyLayout = (props: any) => (
"& .RaHeader-toolbar > *": {
flexBasis: "33.33%",
// FIXME: This should be fixed in ra-navigation
- alignItems: "center",
+ // alignItems: "center",
justifyContent: "center",
},
"& .RaHeader-toolbar > *:first-of-type": {
@@ -49,7 +49,11 @@ const MyLayout = (props: any) => (
},
}}
/>
-
+
>
);
diff --git a/src/index.css b/src/index.css
index 6092539..6ed8477 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,3 +1,12 @@
body {
margin: 0;
+}
+
+/*
+Because the style prop no longer exist in TanStack Query v5,
+we have to use this rule to customize ReactQueryDevtools button size:
+*/
+.tsqd-transitions-container>div {
+ height: 30px;
+ width: 30px;
}
\ No newline at end of file