diff --git a/src/app/components/group/group.component.html b/src/app/components/group/group.component.html
index 7022283..d081455 100644
--- a/src/app/components/group/group.component.html
+++ b/src/app/components/group/group.component.html
@@ -123,14 +123,12 @@
                 <mat-card-title>{{event.name}}</mat-card-title>
                 <mat-card-subtitle>{{event.date}}</mat-card-subtitle>
                 <div class="button-box">
-                  <button mat-icon-button class="request-button"
+                  <button *ngIf="!event.joined" mat-icon-button class="request-button"
                           matTooltip="join event" matTooltipShowDelay="500"
-                          (click)="joinEvent(event)"
-                          [disabled]="event.joined">
-                    <mat-icon *ngIf="event.joined" color="primary">event_available</mat-icon>
-                    <mat-icon *ngIf="!event.joined">event_available</mat-icon>
+                          (click)="joinEvent(event)">
+                    <mat-icon>event_available</mat-icon>
                   </button>
-                  <button mat-icon-button class="request-button"
+                  <button *ngIf="event.joined" mat-icon-button class="request-button"
                           matTooltip="leave event" matTooltipShowDelay="500"
                           (click)="leaveEvent(event)"
                           [disabled]="!event.joined">
diff --git a/src/app/components/group/group.component.ts b/src/app/components/group/group.component.ts
index ddd1a64..3a739e4 100644
--- a/src/app/components/group/group.component.ts
+++ b/src/app/components/group/group.component.ts
@@ -154,6 +154,7 @@ export class GroupComponent implements OnInit {
     this.requestService.joinGroup(group.id)
       .subscribe(() => {
         this.datasharingService.addGroupToUser(group);
+        this.groupProfile.joined = true;
       });
   }
 
@@ -190,6 +191,8 @@ export class GroupComponent implements OnInit {
   leaveGroup() {
     this.groupService.leaveGroup(this.groupProfile.id).subscribe(response => {
       this.groupProfile.joined = false;
+      // tslint:disable-next-line:max-line-length
+      this.groupProfile.allowedToJoinGroup = this.requestService.isAllowedToJoinGroup(this.groupProfile.id, this.self);
     });
   }
 
diff --git a/src/app/components/social/friends/friends.component.sass b/src/app/components/social/friends/friends.component.sass
index ea7af14..db4f286 100644
--- a/src/app/components/social/friends/friends.component.sass
+++ b/src/app/components/social/friends/friends.component.sass
@@ -9,7 +9,6 @@
   box-sizing: border-box
   width: 100%
   margin-top: 0.5em
-  cursor: pointer
   outline: none
   user-select: none
   #button-box
@@ -19,12 +18,14 @@
 
   ::ng-deep .mat-card-header-text
     margin: 0 24px
+    cursor: pointer
 
   .mat-card-subtitle
     margin: 0
 
 $mat-card-header-size: 52px !default
 .profile-picture
+  cursor: pointer
   height: $mat-card-header-size
   width: $mat-card-header-size
   border-radius: 50%
diff --git a/src/app/components/social/groups/groups.component.sass b/src/app/components/social/groups/groups.component.sass
index 06c9d4a..a868fe5 100644
--- a/src/app/components/social/groups/groups.component.sass
+++ b/src/app/components/social/groups/groups.component.sass
@@ -11,7 +11,6 @@
   margin-top: 0.5em
   outline: none
   user-select: none
-  cursor: pointer
   #button-box
     text-align: right
     margin-left: auto
@@ -19,13 +18,16 @@
     width: 1000%
     margin: auto 0 auto 24px
   .mat-card-subtitle
+    cursor: pointer
     margin: 0
     word-break: break-all
   .mat-card-title
+    cursor: pointer
     margin: 0
     word-break: break-all
 $mat-card-header-size: 52px !default
 .group-picture
+  cursor: pointer
   height: $mat-card-header-size
   width: $mat-card-header-size
   border-radius: 50%