diff --git a/library.css b/library.css
index a614067..cb6c578 100644
--- a/library.css
+++ b/library.css
@@ -1451,22 +1451,27 @@ input[name="code"] {
     padding: 3px 10px;
 }
 
-.range-button > button {
-    padding: 5px 10px;
-    text-transform: none;
+/* Natalia's suggestion for recentyears (range buttons) */
+ul.recentyears {
+    padding-left: 0 !important;
+    display: inline-flex;
+    vertical-align: middle;
+    flex-wrap: nowrap;
+}
+.recentyears.uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before {
+    margin-right: 10px !important;
+    border-left: 1px solid var(--portal-main-color); !important;
+}
+.recentyears.uk-subnav>* {
+    padding-left: 10px;
+    flex: inherit;
 }
 
-/*.range-button > a:not(.first-col) {*/
-/*    border-left: 1px solid #C4C4C4  !important;*/
-/*}*/
-
-.range-button.uk-grid-divider>:not(.uk-first-column)::before {
-    border-left: 1px solid #C4C4C4  !important;
+.recentyears.uk-subnav>*:nth-child(1) {
+    padding-left: 0 !important;
 }
+/* End of Natalia's suggestion */
 
-.range-button {
-    max-width: 330px;
-}
 
 
 /* Landing gradient title section*/
@@ -1752,11 +1757,6 @@ ul.portalTabs.uk-tab::before {
     margin-bottom: 5px;
 }
 
-.range-button > button {
-    padding: 5px 10px !important;
-    text-transform: none !important;
-}
-
 .portal-box .mat-select-value, .portal-box .mat-select-arrow {
     color: var(--portal-main-contrast) !important;