diff --git a/vipra-ui/app/html/index.html b/vipra-ui/app/html/index.html
index 8f79fff05d412b13b230253166a45c091da09ca2..bd78eb3789a0e5e1091284cf1342d597537f0ce9 100644
--- a/vipra-ui/app/html/index.html
+++ b/vipra-ui/app/html/index.html
@@ -1,8 +1,8 @@
 <div class="container" ng-cloak ng-hide="!rootModels.topicModel || state.name !== 'index'">
   <div class="row" ng-hide="search">
     <div class="col-md-12 text-center">
-      <div class="logo-text">\ˈvī-prə\</div>
-      <svg class="logo hover heading" viewBox="0 0 200 120">
+      <br><span class="logo-text">\ˈvī-prə\</span><br>
+      <svg class="logo logo-big hover" viewBox="0 0 200 120">
         <polyline style="animation-delay:0s" class="logo-shape" points="0,0 100,45 100,75 0,0" fill="#006591" />
         <polyline style="animation-delay:.5s" class="logo-shape" points="100,45 200,0 100,75 100,45" fill="#0079a2" />
         <polyline style="animation-delay:1s" class="logo-shape" points="100,75 200,0 100,120 100,75" fill="#006591" />
diff --git a/vipra-ui/app/less/app.less b/vipra-ui/app/less/app.less
index 3158d64068355d8f85fb261d5135e02157b22a4c..acaf5cefac785edd8bd0b280977a3b6705f7c71b 100644
--- a/vipra-ui/app/less/app.less
+++ b/vipra-ui/app/less/app.less
@@ -195,11 +195,24 @@ a:hover {
       animation: fadeRotate 2s ease-in-out infinite;
     }
   }
+  &.logo-big {
+    height: 125px;
+    margin-bottom: 25px;
+  }
 }
 
 .logo-text {
-  font-size: 20px;
-  color: #888;
+  .noselect;
+  cursor: default;
+  font-size: 35px;
+  margin-top: 25px;
+  color: transparent;
+  text-shadow: 0 0 5px rgba(0,0,0,0.5);
+  transition: text-shadow 0.5s ease;
+  &:hover {
+    color: #888;
+    text-shadow: none;
+  }
 }
 
 .vis-network {