diff --git a/source/CreatePage.html b/source/CreatePage.html
index 84a293e..67529e2 100644
--- a/source/CreatePage.html
+++ b/source/CreatePage.html
@@ -84,8 +84,8 @@
 					<button type="button" id="tag-add-btn"> + </button>
 				</fieldset>
 
-			<button type="submit" id="save-btn" value="Submit">Save Review</button>
-			<input type="button" value="Home" id="home-btn" onclick="window.location.assign('./index.html')">
+			<button type="submit" id="save-btn" value="Submit">Save</button>
+			<input type="button" value="Cancel" id="home-btn" onclick="window.location.assign('./index.html')">
 			</form>
 		</div> 
 	</body>
diff --git a/source/ReviewDetails.html b/source/ReviewDetails.html
index 83f6a51..dca85b6 100644
--- a/source/ReviewDetails.html
+++ b/source/ReviewDetails.html
@@ -7,7 +7,7 @@
 		<title>Food Journal</title>
 
 		<!--Add Favicon-->
-		<link rel="icon" type="image/x-icon" href="./assets/images/favicon.ico">
+		<link rel="icon" type="image/x-icon" href="./assets/images/icons/favicon.ico">
 
 		<!-- Recipe Card Custom Element -->
 		<script src="assets/scripts/ReviewCard.js" type="module"></script>
@@ -29,7 +29,7 @@
 		</header>
 
 		<main>
-			<div class="journal-form">
+			<div class="journal-form" id="review-details">
 				<form>
 					<fieldset class = "meal-name">
 						<h1 id="d-mealName" style="font-family: Century Gothic;"></h1>
@@ -54,10 +54,10 @@
 			</div>
 		
 			<!---Navigation Buttons-->
-			<div style="display: flex; justify-content: center; margin: 10px;">
-				<input type="button" value="Home" id="home-btn" onclick="window.location.assign('./index.html')">
-				<button type="button" id="update-btn">Update</button>
-				<button type="button" id="delete-btn" class="danger">Delete</button>
+			<div style="display: flex; justify-content: center;">
+				<img src="./assets/images/home_button_for_interface.png" style="margin: 20px 10px 20px 10px;" id="home-btn" onclick="window.location.assign('./index.html')" height="50" width="50"/>
+				<img src ="./assets/images/edit_button_for_interface.png" style="margin: 20px 10px 20px 10px;" id="update-btn" height="50" width="50"/>
+				<img src ="./assets/images/delete_icon_for_interface.png" style="margin: 20px 10px 20px 10px;" id="delete-btn" class="danger" height="50" width="50"/>
 			</div>
 		</main>
 
@@ -114,8 +114,8 @@
 					<button type="button" id="tag-add-btn"> + </button>
 				</fieldset>
 
-			<button type="submit" id="save-btn" value="Submit">Save Review</button>
-			<input type="button" value="Home" id="home-btn" onclick="window.location.assign('./index.html')">
+			<button type="submit" id="save-btn" value="Submit">Save</button>
+			<input type="button" value="Cancel" id="home-btn" onclick="window.location.assign('./index.html')">
 			</form>
 		</div>
 	</body>
diff --git a/source/assets/images/delete_icon_for_interface.png b/source/assets/images/delete_icon_for_interface.png
new file mode 100644
index 0000000..9d1f025
Binary files /dev/null and b/source/assets/images/delete_icon_for_interface.png differ
diff --git a/source/assets/images/edit_button_for_interface.png b/source/assets/images/edit_button_for_interface.png
new file mode 100644
index 0000000..4af8c8d
Binary files /dev/null and b/source/assets/images/edit_button_for_interface.png differ
diff --git a/source/assets/images/home-button-for-interface.png b/source/assets/images/home_button_for_interface.png
similarity index 100%
rename from source/assets/images/home-button-for-interface.png
rename to source/assets/images/home_button_for_interface.png
diff --git a/source/assets/scripts/ReviewCard.js b/source/assets/scripts/ReviewCard.js
index 9588d64..2fa12c2 100644
--- a/source/assets/scripts/ReviewCard.js
+++ b/source/assets/scripts/ReviewCard.js
@@ -83,11 +83,12 @@ class ReviewCard extends HTMLElement {
 	  }
 
 	  .tag-container {
+		margin-top: 20px;
 		display: flex;
 		flex-flow: row wrap;
-	}
+	  }
 	  
-	.a-tag {
+	  .a-tag {
 		background-color:#94da97;
 		border-radius: 7px;
 		color: #94da97;
@@ -95,7 +96,7 @@ class ReviewCard extends HTMLElement {
 		padding-left: 7px;
 		margin: 3px;
 		font-weight: bold;
-	}
+	  }
     `;
 		articleEl.append(styleEl);
 		shadowEl.append(articleEl);
diff --git a/source/assets/scripts/ReviewDetails.js b/source/assets/scripts/ReviewDetails.js
index 1856027..32a28ea 100644
--- a/source/assets/scripts/ReviewDetails.js
+++ b/source/assets/scripts/ReviewDetails.js
@@ -167,7 +167,7 @@ function setupUpdate(){
 				tagContainer.removeChild(tags[i]);
 			}
 
-			newData["revietawID"] = currID;
+			newData["reviewID"] = currID;
 
 			updateReviewToStorage(currID, newData);
 
diff --git a/source/static/ReviewDetails.css b/source/static/ReviewDetails.css
index edefc3d..d8935b6 100644
--- a/source/static/ReviewDetails.css
+++ b/source/static/ReviewDetails.css
@@ -40,6 +40,10 @@ h1 {
 	color: white;
 	padding-right: 7px;
 	padding-left: 7px;
-	margin-left: 10px;
-	margin-right: 10px;
+	margin: 10px 10px 10px 10px; 
+}
+
+.tag-container > .d-tag {
+	max-width: 100%;
+	overflow-wrap: anywhere;
 }
\ No newline at end of file