diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/rpc/slider-widget.component.scss b/ui-ngx/src/app/modules/home/components/widget/lib/rpc/slider-widget.component.scss
index c8801c4fc0..e81484f04d 100644
--- a/ui-ngx/src/app/modules/home/components/widget/lib/rpc/slider-widget.component.scss
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/rpc/slider-widget.component.scss
@@ -106,6 +106,9 @@ $backgroundColorDisabled: var(--tb-slider-background-color-disabled, #D5D7E5);
           height: 6px;
           min-height: 6px;
           min-width: 0;
+          .mdc-slider__input{
+            top: -21px;
+          }
           &.mdc-slider--disabled {
             opacity: 1;
           }
diff --git a/ui-ngx/src/app/shared/components/time/datapoints-limit.component.scss b/ui-ngx/src/app/shared/components/time/datapoints-limit.component.scss
index 7d8ae18d11..6900bb4960 100644
--- a/ui-ngx/src/app/shared/components/time/datapoints-limit.component.scss
+++ b/ui-ngx/src/app/shared/components/time/datapoints-limit.component.scss
@@ -29,6 +29,9 @@
   .mdc-slider {
     height: 40px;
 
+    .mdc-slider__input {
+      top: 0;
+    }
     ::ng-deep {
       .mdc-slider__thumb {
         left: -20px;