diff --git a/module/report/css/preview.css b/module/report/css/preview.css
index c4169ee971..f7a384c8e2 100644
--- a/module/report/css/preview.css
+++ b/module/report/css/preview.css
@@ -1,3 +1,4 @@
 .main-position {position: relative;}
 .toolbar-padding {padding-right: 100px;}
 .child-position {position: absolute; right: 0;}
+#reportGroups .active {background-color: #e9f2fb; color: #006af1;}
diff --git a/module/report/view/preview.html.php b/module/report/view/preview.html.php
index 86008d2893..61ea705a90 100644
--- a/module/report/view/preview.html.php
+++ b/module/report/view/preview.html.php
@@ -9,12 +9,11 @@ $('#subNavbar li').not('[data-id=<?php echo $group;?>]').removeClass('active');
 <?php js::set('dimension', $dimension);?>
 <?php js::set('group', $group);?>
 <div id="mainMenu" class='clearfix main-position'>
-  <div class="btn-toolbar pull-left toolbar-padding">
-    <ul class="nav nav-secondary">
+  <div class='btn-toolBar pull-left toolbar-padding'>
     <?php foreach($this->config->report->pivotMenu as $id => $menuInfo):?>
     <?php list($menuName, $menuModule, $menuMethod, $menuParams) = explode('|', $menuInfo['link']);?>
-    <?php $active   = ($id == $group) ? ' active' : '';?>
-    <?php echo "<li class='{$active}'>" . html::a(inlink($menuMethod, $menuParams), $menuName, '', "id='{$group}Tab'") . '</li>';?>
+    <?php $activeClass  = ($id == $group) ? ' btn-active-text' : '';?>
+    <?php echo html::a(inlink($menuMethod, $menuParams), $menuName, '', "class='btn btn-link {$activeClass}' id='{$group}Tab'");?>
     <?php endforeach;?>
   </div>
 </div>