diff --git a/src/components/breadcrumb/Breadcrumb.vue b/src/components/breadcrumb/Breadcrumb.vue
index 2b317dee9..fde0b6b9c 100755
--- a/src/components/breadcrumb/Breadcrumb.vue
+++ b/src/components/breadcrumb/Breadcrumb.vue
@@ -32,13 +32,17 @@ export default {
 </script>
 
 <style>
+.p-breadcrumb {
+    overflow-x: auto;
+}
+
 .p-breadcrumb ul {
     margin: 0;
     padding: 0;
     list-style-type: none;
     display: flex;
     align-items: center;
-    flex-wrap: wrap;
+    flex-wrap: nowrap;
 }
 
 .p-breadcrumb .p-menuitem-text {
diff --git a/src/components/tabmenu/TabMenu.vue b/src/components/tabmenu/TabMenu.vue
index b780f3190..6bc9fbc71 100755
--- a/src/components/tabmenu/TabMenu.vue
+++ b/src/components/tabmenu/TabMenu.vue
@@ -119,12 +119,16 @@ export default {
 </script>
 
 <style>
+.p-tabmenu {
+    overflow-x: auto;
+}
+
 .p-tabmenu-nav {
     display: flex;
     margin: 0;
     padding: 0;
     list-style-type: none;
-    flex-wrap: wrap;
+    flex-wrap: nowrap;
 }
 
 .p-tabmenu-nav a {