diff --git a/src/components/segmentedControl/segmentedControl.module.scss b/src/components/segmentedControl/segmentedControl.module.scss index 251db259..e0bb6e6d 100644 --- a/src/components/segmentedControl/segmentedControl.module.scss +++ b/src/components/segmentedControl/segmentedControl.module.scss @@ -1,4 +1,4 @@ -/*! +/* * Copyright 2026 EPAM Systems * * Licensed under the Apache License, Version 2.0 (the "License"); @@ -18,10 +18,11 @@ .segmented-control { display: inline-flex; + box-sizing: border-box; gap: 4px; + padding: 2px; border-radius: 6px; background-color: var(--rp-ui-color-bg-3); - padding: 2px; &.full-width { width: 100%; @@ -30,7 +31,6 @@ } .button { - /* Display & Box Model */ display: inline-flex; flex: 1; box-sizing: border-box; @@ -38,18 +38,12 @@ padding: 8px; border: 1px solid transparent; border-radius: 4px; - - /* Color */ background-color: transparent; color: var(--rp-ui-color-text); - - /* Text */ @include font-scale('base'); font-family: var(--rp-ui-base-font-family); font-weight: var(--rp-ui-base-fw-regular); white-space: nowrap; - - /* Other */ align-items: center; justify-content: center; cursor: pointer; @@ -87,9 +81,9 @@ .icon { display: flex; - align-items: center; - justify-content: center; width: 16px; height: 16px; flex-shrink: 0; + align-items: center; + justify-content: center; }