![image](https://user-images.githubusercontent.com/1494347/169537439-cb4e05a1-0c30-4fdc-8ff0-77818b65055d.png)
Lower one looks weird
Indicators CSS adjustments
Wrapped panes should inherit first & last child css (border-radius)
<img width="1242" alt="bruh" src="https://user-images.githubusercontent.com/1494347/168567644-39c32c0a-5acf-4e1e-9d70-2a535bf60ad9.png">

kafka-ui-react-app/src/components/common/Metrics/Metrics.styled.tsx
kafka-ui-react-app/src/components/common/Metrics/Metrics.styled.tsx
diff --git a/kafka-ui-react-app/src/components/common/Metrics/Metrics.styled.tsx b/kafka-ui-react-app/src/components/common/Metrics/Metrics.styled.tsx
index 33e8265526e..7a3bb44dbe2 100644
--- a/kafka-ui-react-app/src/components/common/Metrics/Metrics.styled.tsx
+++ b/kafka-ui-react-app/src/components/common/Metrics/Metrics.styled.tsx
@@ -38,27 +38,8 @@ export const IndicatorsWrapper = styled.div`
   display: flex;
   gap: 1px;
   flex-wrap: wrap;
-
-  > ${IndicatorWrapper} {
-    &:first-child {
-      border-top-left-radius: 8px;
-      border-bottom-left-radius: 8px;
-    }
-
-    &:last-child {
-      border-top-right-radius: 8px;
-      border-bottom-right-radius: 8px;
-    }
-  }
-
-  @media screen and (max-width: 1023px) {
-    > ${IndicatorWrapper} {
-      &:first-child,
-      &:last-child {
-        border-radius: 0;
-      }
-    }
-  }
+  border-radius: 8px;
+  overflow: auto;
 `;
 
 export const SectionTitle = styled.h5`
