diff --git a/components/dynamic-page/page-section/RecusiveSection.vue b/components/dynamic-page/page-section/RecusiveSection.vue
index 8612858..2b5a040 100644
--- a/components/dynamic-page/page-section/RecusiveSection.vue
+++ b/components/dynamic-page/page-section/RecusiveSection.vue
@@ -3,7 +3,7 @@ import DynamicComponent from "~/components/dynamic-page/page-component/templates
 import DynamicSection from "~/components/dynamic-page/page-section/templates/index.vue";
 
 const props = defineProps<{
-  type: string;
+  type: string; 
   id: any;
 }>();
 
@@ -57,5 +57,13 @@ const findDataPosition = computed(() => {
 </template>
 
 <style lang="scss" scoped>
-
-</style>
+.collection-container {
+  &.vertical {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
+  &.horizontal {
+    grid-template-rows: auto;
+    grid-auto-flow: column;
+  }
+}
+</style>
\ No newline at end of file