diff --git a/src/views/dataview/DataViewDemo.vue b/src/views/dataview/DataViewDemo.vue
index f9243ea74..7fd7940b9 100644
--- a/src/views/dataview/DataViewDemo.vue
+++ b/src/views/dataview/DataViewDemo.vue
@@ -102,6 +102,10 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.p-dropdown {
+    width: 12em;
+}
+
 .p-dataview {
     .car-details {
         display: flex;
diff --git a/src/views/dataview/DataViewDoc.vue b/src/views/dataview/DataViewDoc.vue
index 6b9dd4d9c..18a71cf5a 100644
--- a/src/views/dataview/DataViewDoc.vue
+++ b/src/views/dataview/DataViewDoc.vue
@@ -499,6 +499,10 @@ export default {
 </CodeHighlight>
 
 <CodeHighlight lang="css">
+.p-dropdown {
+    width: 12em;
+}
+
 .p-dataview {
     .car-details {
         display: flex;
@@ -517,6 +521,7 @@ export default {
         }
     }
 }
+
 @media (max-width: 1024px) {
 	.p-dataview {
         .car-details {