diff --git a/sharedComponents/quick-contact/quick-contact.component.html b/sharedComponents/quick-contact/quick-contact.component.html
index 116060f7..d43d55d4 100644
--- a/sharedComponents/quick-contact/quick-contact.component.html
+++ b/sharedComponents/quick-contact/quick-contact.component.html
@@ -1,12 +1,12 @@
 <div class="quick-contact">
-	<button class="uk-button uk-box-shadow-default uk-box-shadow-default-hover uk-button-secondary uk-flex uk-flex-middle">
+	<button class="uk-button uk-box-shadow-default uk-box-shadow-default-hover uk-button-secondary uk-flex uk-flex-middle" (click)="quickContactClicked=true">
 		<icon *ngIf="!showDrop" name="mail" [flex]="true"></icon>
 		<icon *ngIf="showDrop" name="close" [flex]="true"></icon>
 		<span class="uk-margin-small-left">{{contact}}</span>
 	</button>
 	<div #drop id="quick-contact" class="uk-drop"
 			 uk-drop="mode: click; pos: top-right; animation: uk-animation-fade; offset: 20">
-		<div class="uk-card uk-card-default uk-box-shadow-default uk-flex uk-flex-column uk-height-1-1">
+		<div *ngIf="quickContactClicked" class="uk-card uk-card-default uk-box-shadow-default uk-flex uk-flex-column uk-height-1-1">
 			<div class="uk-card-header uk-padding-small uk-text-center" [class.uk-light]="backgroundHeader.dark" [ngClass]="backgroundHeader.class">
 				<div class="uk-text-small">
 					Send a message
diff --git a/sharedComponents/quick-contact/quick-contact.component.ts b/sharedComponents/quick-contact/quick-contact.component.ts
index bf8f75e9..ccf17492 100644
--- a/sharedComponents/quick-contact/quick-contact.component.ts
+++ b/sharedComponents/quick-contact/quick-contact.component.ts
@@ -11,6 +11,7 @@ declare var UIkit;
   styleUrls: ['quick-contact.component.less']
 })
 export class QuickContactComponent implements OnInit, OnDestroy {
+  public quickContactClicked: boolean = false;
   public showDrop: boolean = false;
   @Input()
   public contactForm: FormGroup;