diff --git a/packages/modules/data-widgets/CHANGELOG.md b/packages/modules/data-widgets/CHANGELOG.md
index 5c0de89db9..31a930d20e 100644
--- a/packages/modules/data-widgets/CHANGELOG.md
+++ b/packages/modules/data-widgets/CHANGELOG.md
@@ -6,6 +6,14 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ## [Unreleased]
 
+### Fixed
+
+- We fixed an issue where the focus outline of column header filter inputs was clipped.
+
+- We fixed an issue where the dropdown filter's clear and toggle indicators visually overflowed the filter button in narrow columns.
+
+- We fixed an issue where filters and inputs overflowed their headers and cells in narrow columns.
+
 ## [3.11.6] DataWidgets - 2026-09-18
 
 ### Datagrid
diff --git a/packages/modules/data-widgets/src/themesource/datawidgets/web/_datagrid-dropdown-filter.scss b/packages/modules/data-widgets/src/themesource/datawidgets/web/_datagrid-dropdown-filter.scss
index 2148ab7cc8..8cf4f4f400 100644
--- a/packages/modules/data-widgets/src/themesource/datawidgets/web/_datagrid-dropdown-filter.scss
+++ b/packages/modules/data-widgets/src/themesource/datawidgets/web/_datagrid-dropdown-filter.scss
@@ -61,6 +61,8 @@ $root: ".widget-dropdown-filter";
         padding-block: var(--wdf-button-spacing);
         padding-inline-end: var(--wdf-button-spacing);
         padding-inline-start: var(--wdf-button-spacing);
+        // Prevents the toggle indicator from visually overflowing the button boundary in narrow columns.
+        overflow: clip;
     }
 
     &-popover {
diff --git a/packages/modules/data-widgets/src/themesource/datawidgets/web/_datagrid-filters.scss b/packages/modules/data-widgets/src/themesource/datawidgets/web/_datagrid-filters.scss
index c685215f4d..2a8246e87c 100644
--- a/packages/modules/data-widgets/src/themesource/datawidgets/web/_datagrid-filters.scss
+++ b/packages/modules/data-widgets/src/themesource/datawidgets/web/_datagrid-filters.scss
@@ -23,8 +23,6 @@ $filter-box-shadow:
     flex-grow: 1;
     position: relative;
 
-    overflow: hidden;
-
     .filter-input {
         border-start-start-radius: 0;
         border-end-start-radius: 0;
diff --git a/packages/modules/data-widgets/src/themesource/datawidgets/web/_datagrid.scss b/packages/modules/data-widgets/src/themesource/datawidgets/web/_datagrid.scss
index 9138d6031c..d615c04d21 100644
--- a/packages/modules/data-widgets/src/themesource/datawidgets/web/_datagrid.scss
+++ b/packages/modules/data-widgets/src/themesource/datawidgets/web/_datagrid.scss
@@ -31,6 +31,10 @@ $root: ".widget-datagrid";
     }
 
     .th {
+        .form-control {
+            min-width: 0; // let filter widgets shrink with the column instead of overflowing the header
+        }
+
         &.dragging {
             opacity: 0.5;
             &.dragging-over-self {
@@ -155,6 +159,12 @@ $root: ".widget-datagrid";
     /* If Column Header has filter */
     &:has(.th .column-container .filter:not(:empty)) {
         .th {
+            /*
+                When the column is smaller than the filter can be, the filter will overflow outside of the column to the space of the next column.
+                This is not visible in normal scenario as next colum naturally hides the overflow of the previous column.
+                But when the filter selector is open in virtual scrolling, the column gets lifted with z-index and the overflow becomes visible.
+             */
+            overflow: clip;
             &.column-selector {
                 padding: var(--spacing-medium, $spacing-medium) 0;
             }
@@ -243,6 +253,10 @@ $root: ".widget-datagrid";
         border-bottom-width: 1px;
         min-width: 0;
 
+        .form-control {
+            min-width: 0; // let editable widgets shrink with the column instead of overflowing the cell
+        }
+
         &.td-borders {
             border-top-width: 1px;
             border-top-style: solid;
diff --git a/packages/pluggableWidgets/datagrid-web/CHANGELOG.md b/packages/pluggableWidgets/datagrid-web/CHANGELOG.md
index 7b552b6ee8..88e56a3d23 100644
--- a/packages/pluggableWidgets/datagrid-web/CHANGELOG.md
+++ b/packages/pluggableWidgets/datagrid-web/CHANGELOG.md
@@ -6,6 +6,10 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ## [Unreleased]
 
+### Fixed
+
+- We fixed an issue where the "Column size" property appeared away from the "Column width" property it depends on in the column Appearance tab in Studio Pro.
+
 ## [3.11.6] - 2026-09-18
 
 ### Fixed
diff --git a/packages/pluggableWidgets/datagrid-web/src/Datagrid.xml b/packages/pluggableWidgets/datagrid-web/src/Datagrid.xml
index 42f3483b13..07353ca686 100644
--- a/packages/pluggableWidgets/datagrid-web/src/Datagrid.xml
+++ b/packages/pluggableWidgets/datagrid-web/src/Datagrid.xml
@@ -137,6 +137,10 @@
                                     <enumerationValue key="manual">Manual</enumerationValue>
                                 </enumerationValues>
                             </property>
+                            <property key="size" type="integer" defaultValue="1">
+                                <caption>Column size</caption>
+                                <description />
+                            </property>
                             <property key="minWidth" type="enumeration" defaultValue="auto">
                                 <caption>Min width</caption>
                                 <description />
@@ -150,10 +154,6 @@
                                 <caption>Min width value (px)</caption>
                                 <description />
                             </property>
-                            <property key="size" type="integer" defaultValue="1">
-                                <caption>Column size</caption>
-                                <description />
-                            </property>
                             <property key="alignment" type="enumeration" defaultValue="left">
                                 <caption>Alignment</caption>
                                 <description />