diff --git a/src/sections/Community/Event-single/EventSingle.style.js b/src/sections/Community/Event-single/EventSingle.style.js
index 4a363f326d5a..d70aa87ec2f8 100644
--- a/src/sections/Community/Event-single/EventSingle.style.js
+++ b/src/sections/Community/Event-single/EventSingle.style.js
@@ -9,6 +9,9 @@ const EventSinglePageWrapper = styled.div`
     div.event-title {
         text-align: center;
         margin-bottom: 4rem;
+        h3 {
+        color:black;
+        }
     }
     ul.speakers {
         margin-left:0px;
diff --git a/src/sections/Community/Event-single/index.js b/src/sections/Community/Event-single/index.js
index b7e0eb496fb0..69dc8989a574 100644
--- a/src/sections/Community/Event-single/index.js
+++ b/src/sections/Community/Event-single/index.js
@@ -52,8 +52,13 @@ const EventSingle = ({ data }) => {
 
   //const frontmatter = ({speakers = []});
   const { frontmatter, body } = data.mdx;
-
-
+  const isEventPassed = () => {
+    const eventDate = new Date(frontmatter.date);
+    const currentDate = new Date();
+    return eventDate < currentDate;
+  };
+  const isEventUrlSpecified = !!frontmatter.eurl;
+  const showJoinUsButton = !isEventPassed() && isEventUrlSpecified;
   return (
     <EventPageWrapper>
       <PageHeader
@@ -86,13 +91,15 @@ const EventSingle = ({ data }) => {
                   </li>
                 ))}
               </ul>
-              <div className="event-title">
-                <Button primary url={frontmatter.eurl} external={true}>
-                  <h3>
-                    Join us at {frontmatter.title}
-                  </h3>
-                </Button>
-              </div>
+              {showJoinUsButton && (
+                <div className="event-title">
+                  <Button primary url={frontmatter.eurl} external={true}>
+                    <h3>
+                      Join us at {frontmatter.title}
+                    </h3>
+                  </Button>
+                </div>
+              )}
             </div>
             <CTA_Bottom
               category={"Kanvas"}
diff --git a/src/templates/event-single.js b/src/templates/event-single.js
index 985a04567156..1085b5420e7d 100644
--- a/src/templates/event-single.js
+++ b/src/templates/event-single.js
@@ -23,7 +23,7 @@ export const query = graphql`query EventsBySlug($slug: String!) {
       type
       speakers
       register
-      date(formatString: "MMM Do, YYYY")
+      date
       thumbnail {
         publicURL
         relativePath
@@ -59,4 +59,4 @@ export default EventSinglePage;
 
 export const Head = ({ data }) => {
   return <SEO title={data.mdx.frontmatter.title} description={data.mdx.frontmatter.description} image={data.mdx.frontmatter.thumbnail.publicURL} />;
-};
\ No newline at end of file
+};