Reduce whitespace in ItemView

src/components/ItemView/ItemView.js

@@ -1,21 +1,24 @@
 import React from 'react';
 import PropTypes from "prop-types";
-import { Paper, makeStyles } from '@material-ui/core';
+import { Paper, makeStyles, useTheme } from '@material-ui/core';
 import ItemMetadataView from "../ItemMetadataView/"
 import ItemBodyView from "../ItemBodyView";
 
 export default function ItemView(props){
 
-	const useStyles = makeStyles((theme) => ({
+	const theme = useTheme();
+	const useStyles = makeStyles({
 		"paperPadding": {
-			padding: theme.spacing(2),
+			paddingTop: theme.spacing(1),
+			paddingLeft: theme.spacing(2),
+			paddingRight: theme.spacing(2),
+			border: "none"
 		}
-	}));
-
+	});
 	const classes = useStyles();
 
 return(
-		<Paper classes={{root: classes.paperPadding}} square>
+		<Paper variant="outlined" classes={{root: classes.paperPadding}} square>
 			<ItemMetadataView item={props.activeItem} />
 			<ItemBodyView item={props.activeItem } />
 		</Paper>