Route rules overlaps in UI

webui/src/app/components/providers/providers.component.html

@@ -51,7 +51,7 @@
                       <div>
                         <h2>Route Rule</h2>
                       </div>
-                      <table class="table is-fullwidth is-hoverable">
+                      <table class="table is-fullwidth is-hoverable table-fixed-break">
                         <tbody>
                           <tr *ngFor="let route of p.routes">
                             <td><code class="has-text-grey" [title]="route.id">{{ route.rule }}</code></td>

webui/src/styles/app.sass

@@ -1,27 +0,0 @@
-@charset "utf-8"
-
-@import 'typography'
-@import 'variables'
-@import 'colors'
-@import '~bulma/sass/utilities/all'
-@import '~bulma/sass/base/all'
-@import '~bulma/sass/grid/all'
-@import '~bulma/sass/elements/container'
-@import '~bulma/sass/elements/tag'
-@import '~bulma/sass/elements/other'
-@import '~bulma/sass/elements/box'
-@import '~bulma/sass/elements/form'
-@import '~bulma/sass/elements/table'
-@import '~bulma/sass/components/navbar'
-@import '~bulma/sass/components/tabs'
-@import '~bulma/sass/elements/notification'
-@import 'nav'
-@import 'content'
-@import 'message'
-@import 'charts'
-@import 'helper'
-
-html
-  font-family: $open-sans
-  height: 100%
-  background: $background