diff --git a/docker-compose.yml b/docker-compose.yml
index daf8f7a0..2eb61619 100755
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -1,7 +1,7 @@
 version: '3'
 services:
   frontend:
-    image: ghcr.io/shuffle/shuffle-frontend:nightly
+    image: ghcr.io/shuffle/shuffle-frontend:latest
     container_name: shuffle-frontend
     hostname: shuffle-frontend
     ports:
diff --git a/frontend/src/views/Docs.jsx b/frontend/src/views/Docs.jsx
index a1fcf857..4d15fc42 100755
--- a/frontend/src/views/Docs.jsx
+++ b/frontend/src/views/Docs.jsx
@@ -436,7 +436,7 @@ const Docs = (defaultprops) => {
                   href={selectedMeta.link}
                   style={{ textDecoration: "none", color: "#f85a3e" }}
                 >
-                  <Button style={{}} variant="outlined">
+                  <Button style={{}} variant="outlined" color="secondary">
                     <EditIcon /> &nbsp;&nbsp;Edit
                   </Button>
                 </a>
@@ -792,17 +792,21 @@ const Docs = (defaultprops) => {
 						<div id="markdown_wrapper_outer" style={markdownStyle}>
 							<ReactMarkdown
 								components={{
-									link: OuterLink,
-									image: Img,
+									img: Img,
 									code: CodeHandler,
-									heading: Heading,
+									h1: Heading,
+									h2: Heading,
+									h3: Heading,
+									h4: Heading,
+									h5: Heading,
+									h6: Heading,
+									a: OuterLink,
 								}}
 								id="markdown_wrapper"
 								escapeHtml={false}
 								style={{
 									maxWidth: "100%", minWidth: "100%", 
 								}}
-								remarkPlugins={[remarkGfm]}
 							>
 								{data}
 							</ReactMarkdown>
@@ -811,6 +815,7 @@ const Docs = (defaultprops) => {
 				</div>
       </div>
     );
+	// remarkPlugins={[remarkGfm]}
 
   const mobileStyle = {
     color: "white",