diff --git a/.github/ISSUE_TEMPLATE.md b/.github/ISSUE_TEMPLATE.md
index 8e3dfbb9c..8556ce87e 100644
--- a/.github/ISSUE_TEMPLATE.md
+++ b/.github/ISSUE_TEMPLATE.md
@@ -22,6 +22,7 @@ With PRO Support: 1 hour
 Please demonstrate your case at CodeSandbox by using the issue template below. Issues without a test case have much less possibility to be reviewed in detail and assisted.
 
 https://codesandbox.io/s/primevue-issue-template-v3-5tlbl
+https://codesandbox.io/s/github/cagataycivici/primevue-issue-template-v2
 
 **Current behavior**
 <!-- Describe how the bug manifests. -->
diff --git a/src/views/datatable/DataTableFilterDemo.vue b/src/views/datatable/DataTableFilterDemo.vue
index 5e3b0edbc..63963be29 100755
--- a/src/views/datatable/DataTableFilterDemo.vue
+++ b/src/views/datatable/DataTableFilterDemo.vue
@@ -16,7 +16,7 @@
                     dataKey="id" v-model:filters="filters1" filterDisplay="menu" :loading="loading1" responsiveLayout="scroll"
                     :globalFilterFields="['name','country.name','representative.name','balance','status']">
                     <template #header>
-                        <div class="flex justify-content-center">
+                        <div class="flex justify-content-between">
                             <Button type="button" icon="pi pi-filter-slash" label="Clear" class="p-button-outlined" @click="clearFilter1()"/>
                             <span class="p-input-icon-left">
                                 <i class="pi pi-search" />
@@ -261,7 +261,7 @@ export default {
                 dataKey="id" v-model:filters="filters1" filterDisplay="menu" :loading="loading1" responsiveLayout="scroll"
                 :globalFilterFields="['name','country.name','representative.name','balance','status']">
                 <template #header>
-                    <div class="flex justify-content-center">
+                    <div class="flex justify-content-between">
                         <Button type="button" icon="pi pi-filter-slash" label="Clear" class="p-button-outlined" @click="clearFilter1()"/>
                         <span class="p-input-icon-left">
                             <i class="pi pi-search" />
@@ -602,7 +602,7 @@ export default {
                 dataKey="id" v-model:filters="filters1" filterDisplay="menu" :loading="loading1" responsiveLayout="scroll"
                 :globalFilterFields="['name','country.name','representative.name','balance','status']">
                 <template #header>
-                    <div class="flex justify-content-center">
+                    <div class="flex justify-content-between">
                         <Button type="button" icon="pi pi-filter-slash" label="Clear" class="p-button-outlined" @click="clearFilter1()"/>
                         <span class="p-input-icon-left">
                             <i class="pi pi-search" />
@@ -957,7 +957,7 @@ export default {
                     data-key="id" v-model:filters="filters1" filter-display="menu" :loading="loading1" responsive-layout="scroll"
                     :global-filter-fields="['name','country.name','representative.name','balance','status']">
                     <template #header>
-                        <div class="flex justify-content-center">
+                        <div class="flex justify-content-between">
                             <p-button type="button" icon="pi pi-filter-slash" label="Clear" class="p-button-outlined" @click="clearFilter1()"></p-button>
                             <span class="p-input-icon-left">
                                 <i class="pi pi-search"></i>
diff --git a/src/views/liveeditor/LiveEditorData.js b/src/views/liveeditor/LiveEditorData.js
index b8ce96018..773889fe1 100644
--- a/src/views/liveeditor/LiveEditorData.js
+++ b/src/views/liveeditor/LiveEditorData.js
@@ -32,8 +32,8 @@ export default class CustomerService {
     }
 
     getCustomers(params) {
-        const queryParams = Object.keys(params).map(k => encodeURIComponent(k) + '=' + encodeURIComponent(params[k])).join('&');
-        return fetch('https://www.primefaces.org/demo/data/customers?' + queryParams).then(res => res.json())
+        const queryParams = params ? Object.keys(params).map(k => encodeURIComponent(k) + '=' + encodeURIComponent(params[k])).join('&') : '';
+        return fetch('https://www.primefaces.org/data/customers?' + queryParams).then(res => res.json())
     }
 }
     `,