diff --git a/src/components/scrollpanel/VScrollpanel.vue b/src/components/scrollpanel/VScrollpanel.vue
index 8f9caf5..49e6b9c 100644
--- a/src/components/scrollpanel/VScrollpanel.vue
+++ b/src/components/scrollpanel/VScrollpanel.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import ScrollPanel from 'primevue';
+import ScrollPanel from 'primevue/scrollpanel';
 
 const props = withDefaults(defineProps<{
   step?: number
@@ -12,5 +12,24 @@ const props = withDefaults(defineProps<{
 </script>
 
 <template>
-  <ScrollPanel :step="props.step" :style="{width: props.width, height: props.height}"/>
+  <ScrollPanel
+    :step="props.step"
+    class="p-scrollpanel-content"
+    :style="{width: props.width, maxHeight: props.height}"
+  >
+    <slot/>
+  </ScrollPanel>
 </template>
+
+<style lang="css" scoped>
+*{
+  margin: 0px;
+  padding: 0px;
+}
+
+.p-scrollpanel {
+  height: fit-content;
+  overflow-y: auto;
+  box-sizing: content-box;
+}
+</style>