diff --git a/src/components/ObservationCard.js b/src/components/ObservationCard.js
index c9e37ed..d0722d1 100644
--- a/src/components/ObservationCard.js
+++ b/src/components/ObservationCard.js
@@ -7,7 +7,7 @@ const useStyles = makeStyles((theme) => ({
     backgroundColor: theme.palette.secondary.main,
     width: "100%",
     [theme.breakpoints.up(325)]: {
-      maxWidth: 325,
+      width: 325,
     },
   },
   observationCommonName: {
diff --git a/src/pages/Homepage.js b/src/pages/Homepage.js
index 82c0971..9bcc388 100644
--- a/src/pages/Homepage.js
+++ b/src/pages/Homepage.js
@@ -54,9 +54,9 @@ const useStyles = makeStyles((theme) => ({
     flexFlow: "column nowrap",
     alignItems: "center",
     "& > * + *": {
-      marginTop: "0.5em",
+      marginTop: "1em",
     },
-    [theme.breakpoints.up("sm")]: {
+    [theme.breakpoints.up(325)]: {
       flexFlow: "row wrap",
       alignItems: "initial",
       justifyContent: "center",