diff --git a/resources/report/css/overrides.css b/resources/report/css/overrides.css
index 67b8ed42..1225f74d 100644
--- a/resources/report/css/overrides.css
+++ b/resources/report/css/overrides.css
@@ -27,8 +27,8 @@ html /deep/ core-animated-pages {
 }
 
 /* This makes checkboxes have the same padding as icons in lists. */
-html /deep/ paper-checkbox::shadow #checkboxLabel {
-    padding-left: 1em;
+html /deep/ core-menu paper-checkbox::shadow #checkboxLabel {
+    padding-left: 32px;
 }
 
 
@@ -77,7 +77,7 @@ html /deep/ paper-item .avatar {
 html /deep/ paper-item::shadow .button-content {
     padding: 0 16px;
 }
-html /deep/ paper-item::shadow .button-content ::content * {
+html /deep/ paper-item::shadow .button-content ::content *:not(core-tooltip) {
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
diff --git a/resources/report/css/style.css b/resources/report/css/style.css
index 796ca148..38a24057 100644
--- a/resources/report/css/style.css
+++ b/resources/report/css/style.css
@@ -69,13 +69,16 @@ html {
     /* line-height: 1.5; */
     /*letter-spacing: 0.01em;*/
 }
-.body2, html /deep/ paper-tabs, html /deep/ paper-menu-button paper-item {
+.body2,
+html /deep/ paper-tabs,
+html /deep/ paper-menu-button paper-item,
+html /deep/ paper-menu-button paper-checkbox {
     font-weight: 500;
     font-size: 1rem;
     line-height: 1.714;
     /*letter-spacing: 0.01em;*/
 }
-.body1 {
+.body1, html /deep/ paper-checkbox {
     font-weight: 400;
     font-size: 1rem;
     line-height: 1.429;
@@ -136,6 +139,10 @@ div[drawer] > * {
 }
 paper-item > a {
     -webkit-user-drag: none;
+    color: inherit;
+}
+paper-item > a:hover {
+    text-decoration: none;
 }
 #searchBox {
     display: block;
@@ -166,11 +173,16 @@ section h1 {
     font-weight: normal;
     font-size: 1.2em;
 }
-#filters, #cardsNav {
-    padding: 1em 0 0 1em;
+#filters {
+    padding: 8px 0;
 }
-#filters div {
-    padding:0.2em 0.5em;
+#filters > * {
+    padding: 0 16px;
+    height: 48px;
+    line-height: 48px;
+}
+#filters > paper-checkbox {
+    display: block;
 }
 
 #summary > table {
@@ -232,7 +244,7 @@ li.warn{
     color:red;
 }
 
-#settingsDialog > paper-checkbox, #settingsDialog > core-tooltip, #filters > paper-checkbox {
+#settingsDialog > paper-checkbox, #settingsDialog > core-tooltip {
     display: table;
 }
 #settingsDialog > div[center] > div:first-child {
diff --git a/resources/report/html/loot-dropdown-menu.html b/resources/report/html/loot-dropdown-menu.html
index 3fa966f0..9de39284 100644
--- a/resources/report/html/loot-dropdown-menu.html
+++ b/resources/report/html/loot-dropdown-menu.html
@@ -16,7 +16,7 @@ it a <select>-like API. This means:
     <template>
         <paper-dropdown-menu disabled?="{{disabled}}">
             <paper-dropdown class="dropdown">
-                <core-menu valueattr="value">
+                <core-menu class="menu" valueattr="value">
                     <content></content>
                 </core-menu>
             </paper-dropdown>
diff --git a/resources/report/html/loot-plugin-card.html b/resources/report/html/loot-plugin-card.html
index 06d18899..127451b9 100644
--- a/resources/report/html/loot-plugin-card.html
+++ b/resources/report/html/loot-plugin-card.html
@@ -121,8 +121,11 @@ loot-clear-metadata
             background: inherit;
             height: 56px;
         }
-        paper-checkbox {
-            padding: 0.9em 1em;
+        #showOnlyConflicts {
+            display: block;
+            padding: 0 16px;
+            height: 48px;
+            line-height: 48px;
         }
         </style>
         <div id="wrapper">
@@ -148,7 +151,7 @@ loot-clear-metadata
                     <paper-menu-button>
                         <paper-icon-button icon="more-vert"></paper-icon-button>
                         <paper-dropdown class="dropdown" halign="right" opened="{{data.isMenuOpen}}">
-                            <div>
+                            <core-menu class="menu">
                                 <paper-checkbox id="showOnlyConflicts" label="Show Only Conflicts" checked="{{data.isConflictFilterChecked}}" flex></paper-checkbox>
                                 <paper-item id="editMetadata">
                                     <core-icon icon="create"></core-icon>
@@ -162,7 +165,7 @@ loot-clear-metadata
                                     <core-icon icon="delete"></core-icon>
                                     Clear User Metadata
                                 </paper-item>
-                            </div>
+                            </core-menu>
                         </paper-dropdown>
                     </paper-menu-button>
                 </core-toolbar>
diff --git a/resources/report/js/l10n.js b/resources/report/js/l10n.js
index ea49810b..b499256b 100644
--- a/resources/report/js/l10n.js
+++ b/resources/report/js/l10n.js
@@ -177,8 +177,8 @@
             document.getElementById('cancelSortButton').textContent = l10n.translate("Cancel").fetch();
 
             /* Nav items */
-            document.getElementById('cardsNav').firstElementChild.lastChild.textContent = l10n.translate("Summary").fetch();
-            document.getElementById('cardsNav').firstElementChild.nextElementSibling.lastChild.textContent = l10n.translate("General Messages").fetch();
+            document.getElementById('cardsNav').firstElementChild.firstElementChild.textContent = l10n.translate("Summary").fetch();
+            document.getElementById('cardsNav').firstElementChild.nextElementSibling.firstElementChild.textContent = l10n.translate("General Messages").fetch();
             document.getElementById('sidebarTabs').firstElementChild.textContent = l10n.translate("Plugins").fetch();
             document.getElementById('sidebarTabs').firstElementChild.nextElementSibling.textContent = l10n.translate("Filters").fetch();
             document.getElementById('searchBox').parentElement.label = l10n.translate("Press Enter or click outside the input to set the filter.").fetch();
diff --git a/resources/report/report.html b/resources/report/report.html
index 51944890..ffb2945e 100644
--- a/resources/report/report.html
+++ b/resources/report/report.html
@@ -52,10 +52,10 @@
                 <core-animated-pages selected="cardsNav" valueattr="id" transitions="" flex>
                     <nav id="cardsNav" class="tab-content" layout vertical>
                         <paper-item>
-                            <a href="#summary"></a>Summary
+                            <a href="#summary">Summary</a>
                         </paper-item>
                         <paper-item>
-                            <a href="#generalMessages"></a>General Messages
+                            <a href="#generalMessages">General Messages</a>
                         </paper-item>
                         <core-list flex>
                             <template>
@@ -108,7 +108,7 @@
                 <paper-menu-button>
                     <paper-icon-button icon="more-vert"></paper-icon-button>
                     <paper-dropdown class="dropdown" halign="right">
-                        <core-menu>
+                        <core-menu class="menu">
                             <paper-item id="redatePluginsButton" noink>
                                 <core-icon icon="today"></core-icon>
                                 Redate Plugins