diff --git a/src/scss/_member.scss b/src/scss/_member.scss
index 578577a8ec24379eb08d453e30755990622471bc..8efc89afae36b482171467891dded67d60da7337 100644
--- a/src/scss/_member.scss
+++ b/src/scss/_member.scss
@@ -82,3 +82,15 @@
     }
   }
 }
+
+@media (min-width: $sm-with) {
+  #member-detail {
+    #member-info {
+      ldp-display-img {
+        display:  block;
+        float:    right;
+        width:    300px;
+      }
+    }
+  }
+}
diff --git a/src/scss/_members.scss b/src/scss/_members.scss
index 23aee087f8de8a0d65eaa5bcee74f1e3e0d73fb9..10358fe3feee8dc0c93bda470960ffa1346b1e6e 100644
--- a/src/scss/_members.scss
+++ b/src/scss/_members.scss
@@ -2,19 +2,64 @@
   ldp-form {
     background-color: #F3F3F3;
   }
+
+  ldp-display {
+    display:      block;
+    margin-top:   40px;
+  }
 }
 
-@media (min-width: 576px) {
-  #profilesList {
+@media (min-width: $md-with) {
+  #profiles-list {
     display:          flex;
-    justify-content:  space-between;
+    flex-wrap:        wrap;
+    justify-content:  center;
+
+    ldp-form {
+      flex-basis: 100%;
+    }
 
     ldp-display {
+      cursor:         pointer;
+      margin-right:   20px;
+      margin-bottom:  20px;
+      position:       relative;
+
       &, img {
         width:      250px;
         max-width:  initial;
         min-width:  initial;
       }
+
+      &::before,
+      &::after {
+        position: absolute;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        transform: scale3d(0, 0, 1);
+        transition: transform .3s ease-out 0s;
+        background: rgba(255, 255, 255, .075);
+        content: '';
+        pointer-events: none;
+      }
+
+      &::before {
+        transform-origin: left top;
+      }
+
+      &::after {
+        transform-origin: right bottom;
+      }
+
+      &:hover,
+      &:focus {
+        &::before,
+        &::after {
+          transform: scale3d(1, 1, 1);
+        }
+      }
     }
   }
 }
diff --git a/src/scss/_menu.scss b/src/scss/_menu.scss
index 7f8a4f7921dc7a217e007b7ee5da452011e8bace..75fe9027abaec1e4104fcc791144a8755ab8568e 100644
--- a/src/scss/_menu.scss
+++ b/src/scss/_menu.scss
@@ -30,6 +30,10 @@
       border-bottom:  2px solid $hd-color;
       color:          $hd-color;
     }
+
+    ldp-route:hover {
+      border-bottom:  2px solid $hd-color;
+    }
   }
 }
 
@@ -50,12 +54,19 @@
 
   ldp-route {
     text-align:     center;
+    cursor:         pointer;
     padding:        6px 0px;
+    margin-bottom:  2px;
+    border-left:    2px solid transparent;
 
     &[active] {
       border-left:  2px solid $hd-color;
       color:          $hd-color;
     }
+
+    &:hover {
+      border-left:  2px solid $hd-color;
+    }
   }
 }
 
diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss
index b2392ae043b08ab53396df3980871351c2c78590..9423ce584f047c2d8b9fda6beee1f1ad196a8236 100644
--- a/src/scss/_variables.scss
+++ b/src/scss/_variables.scss
@@ -4,3 +4,5 @@ $twitter-color: #1DA1F2;
 $menu-height:           46px;
 $menu-font-size:        17px;
 $vertical-menu-width:   50px;
+$sm-with:               576px;
+$md-with:               768px;