diff --git a/src/components/DisplayBox/DisplayBox.js b/src/components/DisplayBox/DisplayBox.js
index f0f6f953..cd8c1374 100644
--- a/src/components/DisplayBox/DisplayBox.js
+++ b/src/components/DisplayBox/DisplayBox.js
@@ -75,7 +75,7 @@ export default class DisplayBox extends Component {
     }
   }
 
-  supportedRequesType(resource) {
+  supportedRequestType(resource) {
     let resourceType = resource.resourceType.toUpperCase();
     if (
       resourceType === 'DEVICEREQUEST' ||
@@ -102,7 +102,9 @@ export default class DisplayBox extends Component {
         }
       } else {
         // disable this suggestion button if any are allowed
-        document.getElementById(buttonId).setAttribute('disabled', 'true');
+        const element = document.getElementById(buttonId);
+        element.setAttribute('disabled', 'true');
+        element.setAttribute('style', 'background-color:#4BB543;');
       }
 
       if (suggestion.label) {
@@ -131,7 +133,7 @@ export default class DisplayBox extends Component {
               console.log('suggested action CREATE result:');
               console.log(result);
 
-              if (this.supportedRequesType(result)) {
+              if (this.supportedRequestType(result)) {
                 // call into the request builder to resubmit the CRD request with the suggested request
                 this.props.takeSuggestion(result);
               }
@@ -377,6 +379,7 @@ export default class DisplayBox extends Component {
                   </Typography>
                 </CardContent>
                 <CardActions className={'links-section'}>{linksSection}</CardActions>
+                <CardActions>{suggestionsSection}</CardActions>
               </React.Fragment>
             </Card>
           );
@@ -397,11 +400,4 @@ export default class DisplayBox extends Component {
     }
   }
 
-  componentDidUpdate() {
-    // clear the suggestion buttons
-    console.log(this.buttonList);
-    this.buttonList.forEach((requestButton, id) => {
-      document.getElementById(requestButton).removeAttribute('disabled');
-    });
-  }
 }
diff --git a/src/components/SMARTBox/PatientBox.js b/src/components/SMARTBox/PatientBox.js
index 2e225b07..22f54f5b 100644
--- a/src/components/SMARTBox/PatientBox.js
+++ b/src/components/SMARTBox/PatientBox.js
@@ -479,9 +479,8 @@ export default class PatientBox extends Component {
           </TableHead>
           <TableBody>
             {options.map((row) => (
-              <Tooltip title='Select Medication' arrow>
+              <Tooltip key={row.key} title='Select Medication' arrow>
                 <TableRow
-                  key={row.key}
                   sx={{ 'td, th': { border: 0 } }}
                   className='hover-row'
                   onClick={() => this.handleRequestChange(row.value, patient)}