under list tab fixed

src/client/styles/scss/_override-bootstrap.scss

@@ -23,7 +23,7 @@
 }
 
 //** override bootstrap nav nav-tabs nav-item
-.nav.nav-tabs > .nav-item {
+@mixin grw-nav-tab-set($nav-main-left-tab-width: 95px) {
   position: relative;
   min-width: $nav-main-left-tab-width;
   padding: auto;
@@ -52,3 +52,11 @@
     border-bottom: $active-tab-border-width solid $active-tab-border-bg;
   }
 }
+
+.nav.nav-tabs > .nav-item {
+  @include grw-nav-tab-set;
+}
+
+.nav.nav-tabs.grw-nav-tabs-wide > .nav-item {
+  @include grw-nav-tab-set($nav-main-left-tab-width: 145px);
+}

src/server/views/widget/page_list_and_timeline.html

@@ -1,8 +1,8 @@
 <div class="page-list-container">
-  <ul class="nav nav-tabs">
-      <li class="active"><a href="#view-list" data-toggle="tab">{{ t('List View') }}</a></li>
+  <ul class="nav nav-tabs grw-nav-tabs-wide">
+      <li class="nav-item active"><a href="#view-list" data-toggle="tab">{{ t('List View') }}</a></li>
       {% if getConfig('crowi', 'customize:isEnabledTimeline') %}
-      <li><a href="#view-timeline" data-toggle="tab">{{ t('Timeline View') }}</a></li>
+      <li class="nav-item"><a href="#view-timeline" data-toggle="tab">{{ t('Timeline View') }}</a></li>
       {% endif %}
   </ul>