diff --git a/www/components/pages/Meet/ActionItemCard/ActionItemCard.js b/www/components/pages/Meet/ActionItemCard/ActionItemCard.js
index dc55c531..b0ff04c0 100644
--- a/www/components/pages/Meet/ActionItemCard/ActionItemCard.js
+++ b/www/components/pages/Meet/ActionItemCard/ActionItemCard.js
@@ -110,7 +110,7 @@ export default function ActionItemCard({
       <div className={styles.content_container}>
         <TextField
           autoFocus
-          className={`${styles.name_input} ${styles.input}`}
+          className={`${styles.input}`}
           fullWidth
           size="small"
           label="Name"
@@ -119,7 +119,7 @@ export default function ActionItemCard({
           value={name}
         />
         <TextField
-          className={`${styles.description} ${styles.input}`}
+          className={`${styles.input}`}
           multiline
           minRows={3}
           fullWidth
diff --git a/www/components/pages/Meet/ActionItemCard/ActionItemCard.module.scss b/www/components/pages/Meet/ActionItemCard/ActionItemCard.module.scss
index 70ddef5b..e44ead91 100644
--- a/www/components/pages/Meet/ActionItemCard/ActionItemCard.module.scss
+++ b/www/components/pages/Meet/ActionItemCard/ActionItemCard.module.scss
@@ -19,10 +19,20 @@
 
 .name {
   margin-bottom: 1em;
+  border-radius: 5px;
+}
+
+.name:hover {
+  background-color: var(--foregroundHighlight);
 }
 
 .description {
   margin-bottom: 1em;
+  border-radius: 5px;
+}
+
+.description:hover {
+  background-color: var(--foregroundHighlight);
 }
 
 .input {
diff --git a/www/components/pages/Meet/TakeawayCard/TakeawayCard.js b/www/components/pages/Meet/TakeawayCard/TakeawayCard.js
index a708d455..a5cc51f0 100644
--- a/www/components/pages/Meet/TakeawayCard/TakeawayCard.js
+++ b/www/components/pages/Meet/TakeawayCard/TakeawayCard.js
@@ -85,7 +85,7 @@ export default function TakeawayCard({ takeaway, deleteUnsaved, className }) {
       <div className={styles.content_container}>
         <TextField
           autoFocus
-          className={`${styles.name_input} ${styles.input}`}
+          className={`${styles.input}`}
           fullWidth
           size="small"
           label="Name"
@@ -94,7 +94,7 @@ export default function TakeawayCard({ takeaway, deleteUnsaved, className }) {
           value={name}
         />
         <TextField
-          className={`${styles.description} ${styles.input}`}
+          className={`${styles.input}`}
           multiline
           minRows={3}
           fullWidth
diff --git a/www/components/pages/Meet/TakeawayCard/TakeawayCard.module.scss b/www/components/pages/Meet/TakeawayCard/TakeawayCard.module.scss
index 0d82426d..872c87a8 100644
--- a/www/components/pages/Meet/TakeawayCard/TakeawayCard.module.scss
+++ b/www/components/pages/Meet/TakeawayCard/TakeawayCard.module.scss
@@ -19,10 +19,20 @@
 
 .name {
   margin-bottom: 1em;
+  border-radius: 5px;
+}
+
+.name:hover {
+  background-color: var(--foregroundHighlight);
 }
 
 .description {
   margin-bottom: 1em;
+  border-radius: 5px;
+}
+
+.description:hover {
+  background-color: var(--foregroundHighlight);
 }
 
 .input {
diff --git a/www/styles/globals.css b/www/styles/globals.css
index 491e6b78..b6e4d68c 100644
--- a/www/styles/globals.css
+++ b/www/styles/globals.css
@@ -71,6 +71,7 @@ p {
   --background: #f5f5f5;
   --backgroundHighlight: #e6e6e6;
   --foreground: #fff;
+  --foregroundHighlight: #f3f3f3;
   --border: #c9c9c9;
   --darkText: #3a3c45;
   --midText: #6a737d;