diff --git a/web-ui/src/main/resources/catalog/components/search/mdview/partials/contact.html b/web-ui/src/main/resources/catalog/components/search/mdview/partials/contact.html
index 425eea4bcfc..a32bd5a10b4 100644
--- a/web-ui/src/main/resources/catalog/components/search/mdview/partials/contact.html
+++ b/web-ui/src/main/resources/catalog/components/search/mdview/partials/contact.html
@@ -9,12 +9,12 @@
     >
       <div gn-popover-anchor class="row">
         <div
-          class="col-md-4"
+          class="col-md-3 gn-nopadding-left"
           data-gn-circle-letter-icon="c.organisation"
           data-org-key="c.email | getMailDomain"
         ></div>
 
-        <div class="col-md-8">
+        <div class="col-md-9">
           <div class="gn-contact-card-role">{{c.role | translate}}</div>
           <div class="gn-contact-card-org">{{c.organisation}}</div>
         </div>
@@ -29,12 +29,14 @@
         <div data-gn-metadata-individual="c"></div>
 
         <address data-ng-if="c.address != '' || c.phone != ''">
+          <label class="visible-print" data-translate="">mdAddress</label>
           <div data-ng-if="c.address != ''">
             <i class="fa fa-fw fa-map-marker"></i>
             {{c.address}}
           </div>
           <a href="tel:{{c.phone}}" data-ng-if="c.phone != ''">
-            <span data-translate="">call</span> {{c.phone}}
+            <i class="fa fa-fw fa-phone"></i>
+            {{c.phone}}
           </a>
         </address>
 
@@ -56,20 +58,16 @@
       gn-popover
       gn-popover-dismiss=".content"
     >
-      <div gn-popover-anchor class="row">
-        <div class="col-md-12">
-          <div class="gn-contact-card-role">{{cnts[0].role | translate}}</div>
-          <div class="col-md-12" data-ng-repeat="c in cnts | orderBy:'organisation'">
-            <div class="row">
-              <div
-                class="col-md-4"
-                data-gn-circle-letter-icon="c.organisation"
-                data-org-key="c.email | getMailDomain"
-              ></div>
-              <div class="col-md-8">
-                <div class="gn-contact-card-org-group">{{c.organisation}}</div>
-              </div>
-            </div>
+      <div gn-popover-anchor>
+        <div class="row" data-ng-repeat="c in cnts | orderBy:'organisation'">
+          <div
+            class="col-md-3 gn-nopadding-left"
+            data-gn-circle-letter-icon="c.organisation"
+            data-org-key="c.email | getMailDomain"
+          ></div>
+          <div class="col-md-9">
+            <div class="gn-contact-card-role">{{cnts[0].role | translate}}</div>
+            <div class="gn-contact-card-org-group">{{c.organisation}}</div>
           </div>
         </div>
       </div>
@@ -78,6 +76,9 @@
         <!--     Removing for now, because if you close open popup
    the title disappear. <h3 class="popover-title">{{cnts[0].role | translate}}</h3>-->
         <div data-ng-repeat="c in cnts | orderBy:'organisation'">
+          <label class="visible-print" data-ng-if="::c.website" data-translate=""
+            >mdWebsite</label
+          >
           <a data-ng-href="{{::c.website}}" data-ng-if="::c.website">
             <i class="fa fa-fw fa-link"></i>
             {{c.organisation}}
@@ -86,12 +87,14 @@
           <div data-gn-metadata-individual="c"></div>
 
           <address data-ng-if="c.address != '' || c.phone != ''">
+            <label class="visible-print" data-translate="">mdAddress</label>
             <div data-ng-if="c.address != ''">
               <i class="fa fa-fw fa-map-marker"></i>
               {{c.address}}
             </div>
             <a href="tel:{{c.phone}}" data-ng-if="c.phone != ''">
-              <span data-translate="">call</span> {{c.phone}}
+              <i class="fa fa-fw fa-phone"></i>
+              {{c.phone}}
             </a>
           </address>
 
@@ -118,12 +121,12 @@
     >
       <div gn-popover-anchor class="row">
         <div
-          class="col-md-4"
+          class="col-md-3 gn-nopadding-left"
           data-gn-circle-letter-icon="org"
           data-org-key="contactByOrgRole[0].email | getMailDomain"
         ></div>
 
-        <div class="col-md-8" ng-repeat="c in contactByOrgRole">
+        <div class="col-md-9" ng-repeat="c in contactByOrgRole">
           <div class="gn-contact-card-org-group">{{c.organisation}}</div>
 
           <div class="gn-contact-card-group-role" data-ng-repeat="r in ::c.roles">
@@ -142,12 +145,14 @@
           <div data-gn-metadata-individual="c"></div>
 
           <address data-ng-if="c.address != '' || c.phone != ''">
+            <label class="visible-print" data-translate="">mdAddress</label>
             <div data-ng-if="c.address != ''">
               <i class="fa fa-fw fa-map-marker"></i>
               {{c.address}}
             </div>
             <a href="tel:{{c.phone}}" data-ng-if="c.phone != ''">
-              <span data-translate="">call</span> {{c.phone}}
+              <i class="fa fa-fw fa-phone"></i>
+              {{c.phone}}
             </a>
           </address>
 
@@ -171,29 +176,41 @@
     data-ng-if="mode == 'default'"
     data-ng-repeat="c in mdContacts track by $index"
   >
-    <h3>
-      <i class="fa fa-envelope"></i>
-      {{c.role | translate}}
-    </h3>
-    <div class="row">
-      <div class="col-md-8">
+    <div class="panel panel-address">
+      <div class="panel-heading">
+        <h3>
+          <i class="fa fa-fw fa-address-card-o"></i>
+          {{c.role | translate}}
+        </h3>
+      </div>
+      <div class="panel-body">
+        <img data-ng-if="c.logo" class="gn-source-logo" data-ng-src="{{::c.logo}}" />
         <address>
-          <strong data-ng-if="::c.website">
-            <a data-ng-href="{{::c.website}}">{{c.organisation}}</a><br />
-          </strong>
-          <strong data-ng-if="::!c.website"> {{c.organisation}}<br /> </strong>
+          <div data-ng-if="::c.website">
+            <label data-translate="">mdWebsite</label>
+            <a data-ng-href="{{::c.website}}">
+              <i class="fa fa-fw fa-link"></i>
+              {{c.organisation}}
+            </a>
+          </div>
+          <div data-ng-if="::!c.website">
+            <label data-translate="">mdOrganization</label>
+            {{c.organisation}}
+          </div>
 
           <div data-gn-metadata-individual="c"></div>
 
-          <div data-ng-if="c.address != ''">{{c.address}}</div>
+          <div data-ng-if="c.address != ''">
+            <label data-translate="">mdAddress</label>
+            {{c.address}}
+          </div>
           <a href="tel:{{c.phone}}" data-ng-if="c.phone != ''">
-            <span data-translate="">call</span> {{c.phone}}
+            <label data-translate="">mdPhone</label>
+            <i class="fa fa-fw fa-phone"></i>
+            {{c.phone}}
           </a>
         </address>
       </div>
-      <div class="col-md-4">
-        <img data-ng-if="c.logo" class="gn-source-logo" data-ng-src="{{::c.logo}}" />
-      </div>
     </div>
   </div>
 
@@ -203,37 +220,55 @@ <h3>
     data-ng-if="mode == 'role'"
     data-ng-repeat="(roles, contactByRole) in mdContactsByRole"
   >
-    <h3>
-      <i class="fa fa-envelope"></i>
-      <span> {{translateRoles(roles)}} </span>
-    </h3>
-    <div
-      class="row"
-      data-ng-repeat="(organisation, contact) in contactByRole | groupBy:'organisation'"
-    >
-      <div class="col-md-8">
-        <address>
-          <strong data-ng-if="::c.website">
-            <a data-ng-href="{{::c.website}}">{{c.organisation}}</a><br />
-          </strong>
-          <strong data-ng-if="::!c.website"> {{c.organisation}}<br /> </strong>
+    <div class="panel panel-address">
+      <div class="panel-heading">
+        <h3>
+          <i class="fa fa-fw fa-address-card-o"></i>
+          <span> {{translateRoles(roles)}} </span>
+        </h3>
+      </div>
+      <div class="panel-body">
+        <div
+          data-ng-repeat="(organisation, contact) in contactByRole | groupBy:'organisation'"
+        >
+          <!-- Logo for organisation: display for 1st contact in organisation -->
+          <div data-ng-repeat="c in contact | limitTo:1">
+            <img data-ng-if="c.logo" class="gn-source-logo" data-ng-src="{{::c.logo}}" />
+          </div>
+          <address>
+            <div data-ng-if="::c.website">
+              <label data-translate="">mdWebsite</label>
+              <a data-ng-href="{{::c.website}}">
+                <i class="fa fa-fw fa-link"></i>
+                {{c.organisation}}
+              </a>
+            </div>
+            <div data-ng-if="::!c.website">
+              <label data-translate="">mdOrganization</label>
+              {{c.organisation}}
+            </div>
 
-          <span data-ng-repeat="c in contact track by $index">
-            <div data-gn-metadata-individual="c"></div>
-          </span>
+            <div data-ng-repeat="c in contact track by $index">
+              <div data-gn-metadata-individual="c"></div>
+            </div>
 
-          <!-- Address for organisation: display for 1st contact in organisation -->
-          <span data-ng-repeat="c in contact | limitTo:1">
-            <div data-ng-if="c.address != ''">{{c.address}}</div>
-            <a href="tel:{{c.phone}}" data-ng-if="c.phone != ''">
-              <span data-translate="">call</span> {{c.phone}}
-            </a>
-          </span>
-        </address>
-      </div>
-      <!-- Logo for organisation: display for 1st contact in organisation -->
-      <div class="col-md-4" data-ng-repeat="c in contact | limitTo:1">
-        <img data-ng-if="c.logo" class="gn-source-logo" data-ng-src="{{::c.logo}}" />
+            <!-- Address for organisation: display for 1st contact in organisation -->
+            <div data-ng-repeat="c in contact | limitTo:1">
+              <div data-ng-if="c.address != ''">
+                <label data-translate="">mdAddress</label>
+                {{c.address}}
+              </div>
+
+              <div data-ng-if="c.phone != ''">
+                <label data-translate="">mdPhone</label>
+                <a href="tel:{{c.phone}}">
+                  <i class="fa fa-fw fa-phone"></i>
+                  {{c.phone}}
+                </a>
+              </div>
+            </div>
+          </address>
+        </div>
       </div>
     </div>
   </div>
@@ -244,32 +279,42 @@ <h3>
     data-ng-if="mode == 'org-role'"
     data-ng-repeat="(org, contactByOrgRole) in mdContactsByOrgRole"
   >
-    <address>
-      <strong data-ng-if="::orgWebsite[org]">
-        <i class="fa fa-fw fa-link"></i>
-        <a data-ng-href="{{::orgWebsite[org]}}">{{org}}</a><br />
-      </strong>
-      <strong data-ng-if="::!orgWebsite[org]"> {{org}} </strong>
+    <div class="panel panel-address">
+      <div class="panel-body">
+        <address>
+          <div data-ng-if="::orgWebsite[org]">
+            <label data-translate="">mdWebsite</label>
+            <a data-ng-href="{{::orgWebsite[org]}}">
+              <i class="fa fa-fw fa-link"></i>
+              {{org}}
+            </a>
+          </div>
+          <div data-ng-if="::!orgWebsite[org]">
+            <label data-translate="">mdOrganization</label>
+            {{org}}
+          </div>
 
-      <div
-        ng-repeat="(key, contactGroupByAddress) in contactByOrgRole | groupBy:'address'"
-      >
-        <span data-ng-if="key != ''">
-          <i class="fa fa-fw fa-map-marker"></i>
-          {{key}}<br />
-        </span>
-        <ul>
-          <li
-            ng-repeat="(roles, contactGroupByRole) in contactGroupByAddress | groupBy:'roles'"
+          <div
+            ng-repeat="(key, contactGroupByAddress) in contactByOrgRole | groupBy:'address'"
           >
-            {{translateRoles(roles)}}:<br />
-            <span data-ng-repeat="c in contactGroupByRole track by $index">
-              <div data-gn-metadata-individual="c"></div>
-              <span data-ng-if="!$last"><hr /></span>
+            <span data-ng-if="key != ''">
+              <i class="fa fa-fw fa-map-marker"></i>
+              {{key}}<br />
             </span>
-          </li>
-        </ul>
+            <ul>
+              <li
+                ng-repeat="(roles, contactGroupByRole) in contactGroupByAddress | groupBy:'roles'"
+              >
+                {{translateRoles(roles)}}:<br />
+                <div data-ng-repeat="c in contactGroupByRole track by $index">
+                  <div data-gn-metadata-individual="c"></div>
+                  <span data-ng-if="!$last"><hr /></span>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </address>
       </div>
-    </address>
+    </div>
   </div>
 </div>
diff --git a/web-ui/src/main/resources/catalog/components/search/mdview/partials/individual.html b/web-ui/src/main/resources/catalog/components/search/mdview/partials/individual.html
index f37944f3e76..438ca9ae073 100644
--- a/web-ui/src/main/resources/catalog/components/search/mdview/partials/individual.html
+++ b/web-ui/src/main/resources/catalog/components/search/mdview/partials/individual.html
@@ -1,4 +1,5 @@
 <div data-ng-if="c.email != ''">
+  <label data-translate="">mdEmail</label>
   <a href="mailto:{{c.email}}">
     <i class="fa fa-fw fa-envelope"></i>
     <span data-ng-hide="c.individual">{{c.email}}</span>
diff --git a/web-ui/src/main/resources/catalog/locales/en-v4.json b/web-ui/src/main/resources/catalog/locales/en-v4.json
index 47a3e9b58e7..5ebbaceba8d 100644
--- a/web-ui/src/main/resources/catalog/locales/en-v4.json
+++ b/web-ui/src/main/resources/catalog/locales/en-v4.json
@@ -409,5 +409,10 @@
   "lastCreatedRecords": "Last created records",
   "associationType": "Association type",
   "initiativeType": "Initiative type",
-  "associatedTo": "Associated "
+  "associatedTo": "Associated ",
+  "mdEmail": "Email",
+  "mdWebsite": "Website",
+  "mdOrganization": "Organization",
+  "mdAddress": "Address",
+  "mdPhone": "Phone"
 }
diff --git a/web-ui/src/main/resources/catalog/style/gn_metadata.less b/web-ui/src/main/resources/catalog/style/gn_metadata.less
index dbe7dbaf8d8..851a6464980 100644
--- a/web-ui/src/main/resources/catalog/style/gn_metadata.less
+++ b/web-ui/src/main/resources/catalog/style/gn_metadata.less
@@ -1,4 +1,5 @@
 @import "gn_search.less";
+@import "gn_variables.less";
 
 .panel-body .gn-metadata-view {
   width: 100%;
@@ -630,24 +631,46 @@ ul.container-list {
       }
       .col-md-6,
       .col-md-4 {
-        padding-left: 0px;
-        padding-right: 0px;
+        padding-left: 0;
+        padding-right: 0;
       }
-      .gn-contact-card-org {
+      .gn-contact-card-org,
+      .gn-contact-card-org-group {
         padding: 5px 0;
         margin-bottom: 10px;
       }
       .gn-contact-card-role {
-        font-style: italic;
-        font-weight: bolder;
-      }
-      .gn-contact-card-org-group {
-        font-style: italic;
         font-weight: bolder;
       }
       .gn-contact-card-group-role {
         padding: 5px;
       }
+      @media print {
+        svg {
+          max-width: 75px;
+          margin: 15px;
+        }
+        [gn-popover-content] {
+          .make-md-column-offset(3);
+          padding: 0 @gn-spacing-lg;
+          display: block !important;
+          label,
+          a {
+            display: block;
+            margin-bottom: @gn-spacing;
+          }
+          [data-label="focusOnFrom"] {
+            display: none;
+          }
+          .fa {
+            display: none;
+          }
+          [data-ng-href] {
+            margin-bottom: @gn-spacing;
+            display: inline-block;
+          }
+        }
+      }
     }
   }
 }
diff --git a/web-ui/src/main/resources/catalog/style/gn_variables.less b/web-ui/src/main/resources/catalog/style/gn_variables.less
new file mode 100644
index 00000000000..7d663982363
--- /dev/null
+++ b/web-ui/src/main/resources/catalog/style/gn_variables.less
@@ -0,0 +1,6 @@
+// variables used in custom styles
+// -------------------------------
+
+@gn-spacing: 10px;
+@gn-spacing-sm: 5px;
+@gn-spacing-lg: 15px;
diff --git a/web-ui/src/main/resources/catalog/views/default/less/gn_print_default.less b/web-ui/src/main/resources/catalog/views/default/less/gn_print_default.less
index 52b5c123b9f..01eecbe8eef 100644
--- a/web-ui/src/main/resources/catalog/views/default/less/gn_print_default.less
+++ b/web-ui/src/main/resources/catalog/views/default/less/gn_print_default.less
@@ -1,4 +1,6 @@
 @import "../../../lib/style/bootstrap/less/variables.less";
+@import "../../../lib/style/bootstrap/less/mixins/grid.less";
+@import "gn_view.less";
 
 // special print classes
 .gn-new-page {
@@ -105,6 +107,26 @@ a[href]:after {
     svg {
       max-width: 100px;
     }
+    [gn-popover-content] {
+      .make-md-column-offset(3);
+      padding: 0 @gn-spacing-lg;
+      display: block !important;
+      label,
+      a {
+        display: block;
+        margin-bottom: @gn-spacing;
+      }
+      [data-label="focusOnFrom"] {
+        display: none;
+      }
+      .fa {
+        display: none;
+      }
+      [data-ng-href] {
+        margin-bottom: @gn-spacing;
+        display: inline-block;
+      }
+    }
   }
   .gn-md-side-crs {
     a {
diff --git a/web-ui/src/main/resources/catalog/views/default/less/gn_result_default.less b/web-ui/src/main/resources/catalog/views/default/less/gn_result_default.less
index 73dd6a9a6a4..d91448d7a0e 100644
--- a/web-ui/src/main/resources/catalog/views/default/less/gn_result_default.less
+++ b/web-ui/src/main/resources/catalog/views/default/less/gn_result_default.less
@@ -1,4 +1,5 @@
 @import "../../../style/gn_search.less";
+@import "../../../style/gn_variables.less";
 // variables for manipulating the theme
 @import "gn_variables_default.less"; // must be last
 
@@ -97,6 +98,39 @@
       background-color: @brand-danger !important;
     }
   }
+  // address card
+  .panel-address {
+    padding-bottom: 0;
+    box-shadow: none;
+    border: 1px solid @panel-default-border;
+    .panel-heading {
+      padding: @gn-spacing-lg;
+      border-bottom: 1px solid @panel-default-border;
+      background-color: @panel-default-heading-bg;
+      height: auto;
+      line-height: normal;
+      h3 {
+        margin: 0;
+        padding: 0;
+        font-size: 14px;
+        font-weight: bold;
+      }
+    }
+    .panel-body {
+      padding: 0;
+      address {
+        padding: @gn-spacing-lg;
+
+        border-radius: @panel-border-radius;
+        margin: 0;
+        label {
+          min-width: 20%;
+          margin-right: @gn-spacing;
+        }
+      }
+    }
+
+  }
   // card
   .gn-card-view-header {
     padding: 15px;
diff --git a/web-ui/src/main/resources/catalog/views/default/less/gn_view.less b/web-ui/src/main/resources/catalog/views/default/less/gn_view.less
index 7d2cbf3c9cc..65696fb2894 100644
--- a/web-ui/src/main/resources/catalog/views/default/less/gn_view.less
+++ b/web-ui/src/main/resources/catalog/views/default/less/gn_view.less
@@ -1,13 +1,10 @@
 @import "../../../lib/style/bootstrap/less/variables.less";
+@import "../../../style/gn_variables.less";
 
 /* Defined here any custom style for the view
    which has to be applied for all apps
    (ie. admin, search, login, editor). */
 
-@gn-spacing: 10px;
-@gn-spacing-sm: 5px;
-@gn-spacing-lg: 15px;
-
 //  padding
 .gn-padding-top {
   padding-top: @gn-spacing !important;