diff --git a/api-generator/components/splitter.js b/api-generator/components/splitter.js
index 17b03c700..4ba1f300f 100644
--- a/api-generator/components/splitter.js
+++ b/api-generator/components/splitter.js
@@ -26,9 +26,9 @@ const SplitterProps = [
     {
         name: "step",
         type: "number",
-        default: "1",
+        default: "5",
         description: "Step factor to increment/decrement the size of the panels while pressing the arrow keys."
-    },
+    }
 ];
 
 const SplitterEvents = [
diff --git a/src/components/splitter/Splitter.vue b/src/components/splitter/Splitter.vue
index ac210756c..988dd1c2a 100644
--- a/src/components/splitter/Splitter.vue
+++ b/src/components/splitter/Splitter.vue
@@ -35,7 +35,7 @@ export default {
         },
         step: {
             type: Number,
-            default: 1
+            default: 5
         }
     },
     dragging: false,
diff --git a/src/views/splitter/SplitterDoc.vue b/src/views/splitter/SplitterDoc.vue
index e53a0e1a0..567c8ed21 100644
--- a/src/views/splitter/SplitterDoc.vue
+++ b/src/views/splitter/SplitterDoc.vue
@@ -127,7 +127,7 @@ import SplitterPanel from 'primevue/splitterpanel';
 </code></pre>
 
         <h5>Steps</h5>
-        <p>Step factor is 1px by default and can be customized with <i>step</i> option.</p>
+        <p>Step factor is 5px by default and can be customized with <i>step</i> option.</p>
 <pre v-code><code>
 &lt;Splitter :step="10"&gt;
 	&lt;SplitterPanel&gt;
@@ -209,7 +209,7 @@ import SplitterPanel from 'primevue/splitterpanel';
                     <tr>
                         <td>step</td>
                         <td>number</td>
-                        <td>1</td>
+                        <td>5</td>
                         <td>Step factor to increment/decrement the size of the panels while pressing the arrow keys.</td>
                     </tr>
 				</tbody>