diff --git a/mlflow/server/js/src/experiment-tracking/components/ExperimentView.css b/mlflow/server/js/src/experiment-tracking/components/ExperimentView.css
index 017287fac336e..bad588b0802f0 100644
--- a/mlflow/server/js/src/experiment-tracking/components/ExperimentView.css
+++ b/mlflow/server/js/src/experiment-tracking/components/ExperimentView.css
@@ -373,7 +373,7 @@ span.error-message {
 }
 
 .ExperimentView .sort-select {
-    width: 200px;
+    width: auto;
 }
 
 .ExperimentView .start-time-select {
diff --git a/mlflow/server/js/src/experiment-tracking/components/ExperimentView.js b/mlflow/server/js/src/experiment-tracking/components/ExperimentView.js
index ea435ed036b9b..c5fd787c203c8 100644
--- a/mlflow/server/js/src/experiment-tracking/components/ExperimentView.js
+++ b/mlflow/server/js/src/experiment-tracking/components/ExperimentView.js
@@ -669,6 +669,7 @@ export class ExperimentView extends Component {
                       size='large'
                       onChange={this.onHandleSortByDropdown}
                       data-test-id='sort-select-dropdown'
+                      dropdownStyle={{ minWidth: '30%' }}
                     >
                       {Object.keys(ATTRIBUTE_COLUMN_SORT_LABEL).reduce(
                         (sortOptions, sortLabelKey) => {