refine style

client/src/pages/query/Query.tsx

@@ -112,7 +112,7 @@ const Query: FC<{
   };
 
   return (
-    <>
+    <div className={classes.root}>
       <div className={classes.toolbar}>
         <div className="left">
           <div>{`${
@@ -175,7 +175,7 @@ const Query: FC<{
           }
         />
       )}
-    </>
+    </div>
   );
 };
 

client/src/pages/query/Styles.ts

@@ -1,9 +1,15 @@
 import { makeStyles, Theme } from '@material-ui/core';
 
 export const getQueryStyles = makeStyles((theme: Theme) => ({
-  root: {},
+  root: {
+    display: 'flex',
+    flexDirection: 'column',
+    height: '100%',
+  },
   emptyCard: {
     height: '100%',
+    borderRadius: theme.spacing(0, 0, 0.5, 0.5),
+    boxShadow: 'none',
   },
   toolbar: {
     display: 'flex',