diff --git a/packages/iotex-react-block-producers/src/block-producers.tsx b/packages/iotex-react-block-producers/src/block-producers.tsx
index 77122991..3028477a 100644
--- a/packages/iotex-react-block-producers/src/block-producers.tsx
+++ b/packages/iotex-react-block-producers/src/block-producers.tsx
@@ -142,7 +142,7 @@ export class BlockProducers extends Component<Props, State> {
         document.documentElement &&
         document.documentElement.clientWidth > PALM_WIDTH
       ) {
-        this.setState({ hideColumns: false });
+        this.setState({ hideColumns: false, displayMobileList: true });
         if (document.documentElement.clientWidth > media960) {
           this.setState({ displayMobileList: false });
         }