Grid scroll issue

[hamidk]

problem is that when I use p-grid and set height to 100vh, scrolls appear which is no make sense since I have no content!! even after I use overflow:hidden to hide scroll, there is a space in bottom of my page which I think its reserved space for scroll that is making me crazy and I can't get rid of it.
<template>
<div class="p-grid" dir="rtl" style="min-height: 100vh;">
<div class="p-col-3" style="background-color: #ffffff;">
test
</div>
<div class="p-col" style="background: #3c4b64;"></div>
</div>
</template>
<style>
body {
padding: 0;
margin: 0;
}
#app {
font-family: Avenir, Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
color: #2c3e50;
padding: 0;
margin: 0;
}
</style>