diff --git a/src/webparts/reactMyGroups/components/reactMyGroups/ReactMyGroups.module.scss b/src/webparts/reactMyGroups/components/reactMyGroups/ReactMyGroups.module.scss
index b9232bcee..025a518d3 100644
--- a/src/webparts/reactMyGroups/components/reactMyGroups/ReactMyGroups.module.scss
+++ b/src/webparts/reactMyGroups/components/reactMyGroups/ReactMyGroups.module.scss
@@ -1,6 +1,11 @@
 @import '~office-ui-fabric-react/dist/sass/References.scss';
 
 .reactMyGroups {
+
+  a {
+    text-decoration: none;
+  }
+
   .container {
     max-width: 700px;
     margin: 0px auto;
diff --git a/src/webparts/reactMyGroups/components/reactMyGroups/ReactMyGroups.tsx b/src/webparts/reactMyGroups/components/reactMyGroups/ReactMyGroups.tsx
index 06b081fe0..971d36b5f 100644
--- a/src/webparts/reactMyGroups/components/reactMyGroups/ReactMyGroups.tsx
+++ b/src/webparts/reactMyGroups/components/reactMyGroups/ReactMyGroups.tsx
@@ -83,9 +83,11 @@ export class ReactMyGroups extends React.Component<IReactMyGroupsProps, IReactMy
         >
           <DocumentCardPreview {...previewProps} />
           <DocumentCardDetails>
-            <DocumentCardTitle 
-              title={item.displayName}
-            />
+            <a href={item.url}>
+              <DocumentCardTitle 
+                title={item.displayName}
+              />
+            </a>
           </DocumentCardDetails>
         </DocumentCard>
       </div>