diff --git a/components/lib/basecomponent/BaseComponent.vue b/components/lib/basecomponent/BaseComponent.vue
index 415b4355f..6235ddde2 100644
--- a/components/lib/basecomponent/BaseComponent.vue
+++ b/components/lib/basecomponent/BaseComponent.vue
@@ -61,6 +61,9 @@ export default {
             return this.getPTValue(obj, key, params);
         },
         cx(key = '', params = {}) {
+            console.log(key);
+            console.log(!this.isUnstyled ? this.getOptionValue(this.$options.css && this.$options.css.classes, key, { instance: this, props: this.$props, state: this.$data, ...params }) : undefined);
+
             return !this.isUnstyled ? this.getOptionValue(this.$options.css && this.$options.css.classes, key, { instance: this, props: this.$props, state: this.$data, ...params }) : undefined;
         },
         cxo(obj = {}, key = '', params = {}) {
diff --git a/components/lib/dropdown/BaseDropdown.vue b/components/lib/dropdown/BaseDropdown.vue
index 711ff904e..4d6e45e9b 100644
--- a/components/lib/dropdown/BaseDropdown.vue
+++ b/components/lib/dropdown/BaseDropdown.vue
@@ -97,7 +97,7 @@ input.p-dropdown-label {
 `;
 
 const inlineStyles = {
-    root: { position: 'relative' }
+    root: ({ props }) => ({ position: props.appendTo === 'self' ? 'relative' : undefined })
 };
 
 const classes = {