diff --git a/src/plugins/controls/public/control_group/component/control_frame_component.tsx b/src/plugins/controls/public/control_group/component/control_frame_component.tsx
index e4c647737f48c..5da9a3233275f 100644
--- a/src/plugins/controls/public/control_group/component/control_frame_component.tsx
+++ b/src/plugins/controls/public/control_group/component/control_frame_component.tsx
@@ -96,6 +96,7 @@ export const ControlFrame = ({
         'controlFrameFormControlLayout--twoLine': controlStyle === 'twoLine',
       })}
       fullWidth
+      compressed
       prepend={
         <>
           {(embeddable && customPrepend) ?? null}
diff --git a/src/plugins/controls/public/control_group/control_group.scss b/src/plugins/controls/public/control_group/control_group.scss
index 9619e68274e16..e797f3b421297 100644
--- a/src/plugins/controls/public/control_group/control_group.scss
+++ b/src/plugins/controls/public/control_group/control_group.scss
@@ -6,7 +6,6 @@ $controlMinWidth: $euiSize * 14;
 .controlsWrapper {
   display: flex;
   align-items: center;
-  min-height: $euiSize * 4;
 
   .controlGroup--endButtonGroup {
     align-self: end;
@@ -47,7 +46,7 @@ $controlMinWidth: $euiSize * 14;
 
   .controlFrame__draggable {
     cursor: grabbing;
-    height: $euiButtonHeight;
+    height: $euiButtonHeightSmall;
     align-items: center;
     border-radius: $euiBorderRadius;
     font-weight: $euiFontWeightSemiBold;
diff --git a/src/plugins/controls/public/options_list/components/options_list.scss b/src/plugins/controls/public/options_list/components/options_list.scss
index fc1cdf68e3fec..f7175b74c792e 100644
--- a/src/plugins/controls/public/options_list/components/options_list.scss
+++ b/src/plugins/controls/public/options_list/components/options_list.scss
@@ -8,7 +8,7 @@
   }
 
   .optionsList--filterBtn {
-    height: $euiButtonHeight;
+    height: $euiButtonHeightSmall;
 
     &.optionsList--filterBtnPlaceholder {
       color: $euiTextSubduedColor;
diff --git a/src/plugins/controls/public/options_list/components/options_list_control.tsx b/src/plugins/controls/public/options_list/components/options_list_control.tsx
index ef3aa89bcc2cc..cf18eaf53fc31 100644
--- a/src/plugins/controls/public/options_list/components/options_list_control.tsx
+++ b/src/plugins/controls/public/options_list/components/options_list_control.tsx
@@ -214,6 +214,7 @@ export const OptionsListControl = ({
       className={classNames('optionsList--filterGroup', {
         'optionsList--filterGroupSingle': controlStyle !== 'twoLine',
       })}
+      compressed
     >
       <EuiInputPopover
         id={popoverId}
diff --git a/src/plugins/controls/public/range_slider/components/range_slider_control.tsx b/src/plugins/controls/public/range_slider/components/range_slider_control.tsx
index 88195578c52f6..785c657eed8a7 100644
--- a/src/plugins/controls/public/range_slider/components/range_slider_control.tsx
+++ b/src/plugins/controls/public/range_slider/components/range_slider_control.tsx
@@ -170,6 +170,7 @@ export const RangeSliderControl: FC = () => {
         id={id}
         fullWidth
         showTicks
+        compressed
         step={step}
         ticks={ticks}
         levels={levels}
diff --git a/src/plugins/controls/public/react_controls/control_group/components/control_panel.scss b/src/plugins/controls/public/react_controls/control_group/components/control_panel.scss
index a66d39e95818a..bb05f663ca42f 100644
--- a/src/plugins/controls/public/react_controls/control_group/components/control_panel.scss
+++ b/src/plugins/controls/public/react_controls/control_group/components/control_panel.scss
@@ -1,7 +1,7 @@
 .controlPanel {
   width: 100%;
   max-inline-size: 100% !important;
-  height: $euiButtonHeight;
+  height: $euiButtonHeightSmall;
   box-shadow: none !important;
   background-color: $euiFormBackgroundColor !important;
   border-radius: 0 $euiBorderRadius $euiBorderRadius 0 !important;
@@ -11,11 +11,12 @@
   }
 
   &--labelWrapper {
-    height: 100%;
+    height: $euiFormControlCompressedHeight;
 
     .controlPanel--label {
       @include euiTextTruncate;
       padding: 0;
+      height: $euiButtonHeightSmall;
     }
   }
 
diff --git a/src/plugins/controls/public/react_controls/control_group/components/control_panel.tsx b/src/plugins/controls/public/react_controls/control_group/components/control_panel.tsx
index 9ed24904f25cd..66ca8bef9df1e 100644
--- a/src/plugins/controls/public/react_controls/control_group/components/control_panel.tsx
+++ b/src/plugins/controls/public/react_controls/control_group/components/control_panel.tsx
@@ -155,10 +155,12 @@ export const ControlPanel = <ApiType extends DefaultControlApi = DefaultControlA
           data-test-subj="control-frame-title"
           fullWidth
           label={usingTwoLineLayout ? panelTitle || defaultPanelTitle || '...' : undefined}
+          display="rowCompressed"
         >
           <EuiFormControlLayout
             fullWidth
             isLoading={Boolean(dataLoading)}
+            compressed
             className="controlFrame__formControlLayout"
             prepend={
               <>
diff --git a/src/plugins/controls/public/react_controls/controls/data_controls/options_list_control/components/options_list_control.tsx b/src/plugins/controls/public/react_controls/controls/data_controls/options_list_control/components/options_list_control.tsx
index 5411b6122ac25..cad81a1920081 100644
--- a/src/plugins/controls/public/react_controls/controls/data_controls/options_list_control/components/options_list_control.tsx
+++ b/src/plugins/controls/public/react_controls/controls/data_controls/options_list_control/components/options_list_control.tsx
@@ -173,7 +173,7 @@ export const OptionsListControl = ({
   );
 
   return (
-    <EuiFilterGroup fullWidth className={controlPanelClassName}>
+    <EuiFilterGroup fullWidth compressed className={controlPanelClassName}>
       <EuiInputPopover
         id={popoverId}
         ownFocus
diff --git a/src/plugins/controls/public/react_controls/controls/data_controls/range_slider/components/range_slider_control.tsx b/src/plugins/controls/public/react_controls/controls/data_controls/range_slider/components/range_slider_control.tsx
index e568807691089..6988555fc0969 100644
--- a/src/plugins/controls/public/react_controls/controls/data_controls/range_slider/components/range_slider_control.tsx
+++ b/src/plugins/controls/public/react_controls/controls/data_controls/range_slider/components/range_slider_control.tsx
@@ -193,6 +193,7 @@ export const RangeSliderControl: FC<Props> = ({
         min={displayedMin}
         max={displayedMax}
         isLoading={isLoading}
+        compressed
         inputPopoverProps={{
           className: controlPanelClassName,
           panelMinWidth: MIN_POPOVER_WIDTH,
diff --git a/src/plugins/controls/public/react_controls/controls/timeslider_control/components/time_slider_anchored_range.tsx b/src/plugins/controls/public/react_controls/controls/timeslider_control/components/time_slider_anchored_range.tsx
index 0671442bf4120..54d0d83e102d8 100644
--- a/src/plugins/controls/public/react_controls/controls/timeslider_control/components/time_slider_anchored_range.tsx
+++ b/src/plugins/controls/public/react_controls/controls/timeslider_control/components/time_slider_anchored_range.tsx
@@ -39,6 +39,7 @@ export function TimeSliderAnchoredRange(props: Props) {
       max={props.timeRangeMax}
       step={props.stepSize}
       ticks={props.ticks}
+      compressed
     />
   );
 }
diff --git a/src/plugins/controls/public/react_controls/controls/timeslider_control/components/time_slider_sliding_window_range.tsx b/src/plugins/controls/public/react_controls/controls/timeslider_control/components/time_slider_sliding_window_range.tsx
index 584c20328496f..55f9eb3dc6210 100644
--- a/src/plugins/controls/public/react_controls/controls/timeslider_control/components/time_slider_sliding_window_range.tsx
+++ b/src/plugins/controls/public/react_controls/controls/timeslider_control/components/time_slider_sliding_window_range.tsx
@@ -35,6 +35,7 @@ export function TimeSliderSlidingWindowRange(props: Props) {
       step={props.stepSize}
       ticks={props.ticks}
       isDraggable
+      compressed
     />
   );
 }
diff --git a/src/plugins/dashboard/public/dashboard_container/component/viewport/_dashboard_viewport.scss b/src/plugins/dashboard/public/dashboard_container/component/viewport/_dashboard_viewport.scss
index d5196f140292f..f0c51724b551b 100644
--- a/src/plugins/dashboard/public/dashboard_container/component/viewport/_dashboard_viewport.scss
+++ b/src/plugins/dashboard/public/dashboard_container/component/viewport/_dashboard_viewport.scss
@@ -18,7 +18,6 @@
 .dshDashboardViewport-controls {
   margin: 0 $euiSizeS 0 $euiSizeS;
   padding-top: $euiSizeS;
-  padding-bottom: $euiSizeXS;
 }
 
 .dashboardViewport--screenshotMode  .controlsWrapper--empty {
diff --git a/test/functional/screenshots/baseline/area_chart.png b/test/functional/screenshots/baseline/area_chart.png
index fb2e7e295e3e9..07004fbb36655 100644
Binary files a/test/functional/screenshots/baseline/area_chart.png and b/test/functional/screenshots/baseline/area_chart.png differ
diff --git a/test/functional/screenshots/baseline/dashboard_controls_dark.png b/test/functional/screenshots/baseline/dashboard_controls_dark.png
index 8cd3d27384c3d..510532befc60b 100644
Binary files a/test/functional/screenshots/baseline/dashboard_controls_dark.png and b/test/functional/screenshots/baseline/dashboard_controls_dark.png differ
diff --git a/test/functional/screenshots/baseline/dashboard_controls_light.png b/test/functional/screenshots/baseline/dashboard_controls_light.png
index df1cf54bdbe20..05b9897d3a6e3 100644
Binary files a/test/functional/screenshots/baseline/dashboard_controls_light.png and b/test/functional/screenshots/baseline/dashboard_controls_light.png differ
diff --git a/test/functional/screenshots/baseline/tsvb_dashboard.png b/test/functional/screenshots/baseline/tsvb_dashboard.png
index f118bf55040e5..8b33a0077efa2 100644
Binary files a/test/functional/screenshots/baseline/tsvb_dashboard.png and b/test/functional/screenshots/baseline/tsvb_dashboard.png differ