diff --git a/src/admin/pages/lists/items-page.vue b/src/admin/pages/lists/items-page.vue
index 63e6bf732..4240ae585 100644
--- a/src/admin/pages/lists/items-page.vue
+++ b/src/admin/pages/lists/items-page.vue
@@ -216,12 +216,20 @@
                             </option> -->
                         </b-select>
                         <button
-                                :disabled="totalItems <= 0"
+                                class="button is-white is-small"
+                                :disabled="totalItems <= 0 || order == 'DESC'"
+                                @click="onChangeOrder()">
+                            <span class="icon is-small gray-icon">
+                                <i class="mdi mdi-sort-ascending"/>
+                            </span>
+                        </button>
+                        <button
+                                :disabled="totalItems <= 0 || order == 'ASC'"
                                 class="button is-white is-small"
                                 @click="onChangeOrder()">
-                            <b-icon 
-                                    class="gray-icon"
-                                    :icon="order === 'ASC' ? 'sort-ascending' : 'sort-descending'"/>
+                            <span class="icon is-small gray-icon">
+                                <i class="mdi mdi-sort-descending"/>
+                            </span>
                         </button>
                     </b-field>
                 </div>
@@ -247,6 +255,7 @@
                                 <b-icon icon="menu-down" />
                             </button>
                             <b-dropdown-item 
+                                    :class="{ 'is-active': viewModeOption == viewMode }"
                                     v-for="(viewModeOption, index) of enabledViewModes"
                                     :key="index"
                                     :value="viewModeOption"
@@ -272,39 +281,50 @@
                                     class="button is-white"
                                     slot="trigger">
                                 <span>
-                                    <b-icon
-                                            class="gray-icon view-mode-icon" 
-                                            :icon="(adminViewMode == 'table' || adminViewMode == undefined) ?
-                                                        'table' : (adminViewMode == 'cards' ?
-                                                        'view-list' : 'view-grid')"/>
+                                        <span class="icon is-small gray-icon">
+                                        <i 
+                                                :class="{'mdi-table' : ( adminViewMode == 'table' || adminViewMode == undefined),
+                                                        'mdi-view-list' : adminViewMode == 'cards',
+                                                        'mdi-view-grid' : adminViewMode == 'grid',
+                                                        'mdi-view-module' : adminViewMode == 'records'}"
+                                                class="mdi"/>
+                                    </span>
                                 </span>
                                 &nbsp;&nbsp;&nbsp;{{ $i18n.get('label_visualization') }}
                                 <b-icon icon="menu-down" />
                             </button>
-                            <b-dropdown-item :value="'table'">
+                            <b-dropdown-item 
+                                    :class="{ 'is-active': adminViewMode == 'table' }"
+                                    :value="'table'">
                                 <b-icon 
                                         class="gray-icon" 
                                         icon="table"/>
                                 {{ $i18n.get('label_table') }}
                             </b-dropdown-item>
-                            <b-dropdown-item :value="'cards'">
+                            <b-dropdown-item 
+                                    :class="{ 'is-active': adminViewMode == 'cards' }"
+                                    :value="'cards'">
                                 <b-icon 
                                         class="gray-icon" 
                                         icon="view-list"/>
                                 {{ $i18n.get('label_cards') }}
                             </b-dropdown-item>
-                            <b-dropdown-item :value="'records'">
-                                <b-icon 
-                                        class="gray-icon" 
-                                        icon="view-module"/>
-                                {{ $i18n.get('label_records') }}
-                            </b-dropdown-item>
-                            <b-dropdown-item :value="'grid'">
+                            <b-dropdown-item 
+                                    :class="{ 'is-active': adminViewMode == 'grid' }"
+                                    :value="'grid'">
                                 <b-icon 
                                         class="gray-icon" 
                                         icon="view-grid"/>
                                 {{ $i18n.get('label_grid') }}
                             </b-dropdown-item>
+                            <b-dropdown-item 
+                                    :class="{ 'is-active': adminViewMode == 'records' }"
+                                    :value="'records'">
+                                <b-icon 
+                                        class="gray-icon" 
+                                        icon="view-module"/>
+                                {{ $i18n.get('label_records') }}
+                            </b-dropdown-item>
                         </b-dropdown>
                     </b-field>
                 </div>
@@ -1002,8 +1022,9 @@
 
         .gray-icon, .gray-icon .icon {
             color: $tainacan-placeholder-color !important;
+            padding-right: 10px;
         }
-         .gray-icon .icon i::before, .gray-icon i::before {
+        .gray-icon .icon i::before, .gray-icon i::before {
             font-size: 21px !important;
         }
         
@@ -1018,11 +1039,13 @@
             div.dropdown-content {
                 padding: 0;
 
-
                 .metadata-options-container {
                     max-height: 240px;
                     overflow: auto;
                 }
+                .dropdown-item {
+                    padding: 0.25rem 1.0rem 0.25rem 0.75rem;
+                }
                 .dropdown-item span{
                     vertical-align: sub;
                 }      
diff --git a/src/admin/scss/_dropdown-and-autocomplete.scss b/src/admin/scss/_dropdown-and-autocomplete.scss
index 49d49bb0b..1e8989ff4 100644
--- a/src/admin/scss/_dropdown-and-autocomplete.scss
+++ b/src/admin/scss/_dropdown-and-autocomplete.scss
@@ -30,7 +30,7 @@
                 .b-checkbox { width: 100% };
                 &:hover { background-color: $primary-lighter; }
                 .is-small { color: gray; }
-                &.is-active { background-color: white; }
+                &.is-active { background-color: $primary-light; }
             }
         } 
     }
diff --git a/src/admin/scss/_tables.scss b/src/admin/scss/_tables.scss
index 219f92a11..4feca1a6c 100644
--- a/src/admin/scss/_tables.scss
+++ b/src/admin/scss/_tables.scss
@@ -14,6 +14,8 @@
 
         table.tainacan-table {
             width: 100%;
+            border-collapse: separate;
+            border-spacing: 0;
 
             .checkbox-cell {
                 min-width: 38px;
diff --git a/src/admin/theme-items-list.vue b/src/admin/theme-items-list.vue
index af47d5c6c..987d6d241 100644
--- a/src/admin/theme-items-list.vue
+++ b/src/admin/theme-items-list.vue
@@ -311,9 +311,16 @@ export default {
                     font-size: 21px;
                 }
             }
+            .dropdown-item {
+                padding: 0.25rem 1.35rem 0.25rem 0.25rem;
+            }
             .view-mode-icon {
-                margin-right: 8px !important;
-                margin-top: 2px;
+                margin-right: 0px !important;
+                margin-top: 1px;
+
+                &.icon i::before, .gray-icon i::before {
+                    font-size: 19px !important;
+                }
             }
         }