diff --git a/pages/compound/browse/_state.vue b/pages/compound/browse/_state.vue
index e1633d025f43f1d675bbe0d5c442746ef8919cdd..70962a0f5f9b6954fc3cf9ac2c10985a5960b212 100644
--- a/pages/compound/browse/_state.vue
+++ b/pages/compound/browse/_state.vue
@@ -1,21 +1,23 @@
 <template>
-  <EBCompoundsBrowser :raw-state="state" />
+  <div>
+    state: {{ rawState }}, initialStateSavingParams:
+    {{ initialStateSavingParams }}
+    <EBCompoundsBrowser :raw-state="rawState" />
+  </div>
 </template>
 
 <script>
 import EBCompoundsBrowser from '~/web-components-submodule/components/common/Browsers/specific_browsers/compound/eubopen/EBCompoundsBrowser.vue'
 import EntityNames from '~/web-components-submodule/standardisation/EntityNames.js'
+import { entityBrowserMixin } from '~/web-components-submodule/mixins/browsers/entityBrowserMixin.js'
 
 export default {
   components: {
     EBCompoundsBrowser,
   },
+  mixins: [entityBrowserMixin],
   layout: 'entityBrowser',
-  data() {
-    return {
-      isEmbedded: false,
-    }
-  },
+
   head() {
     const titleText = `Explore all ${EntityNames.EubopenCompound.pluralEntityName}.`
     const descriptionText =
@@ -52,11 +54,6 @@ export default {
       ],
     }
   },
-  computed: {
-    state() {
-      return this.$route.params.state
-    },
-  },
 }
 </script>
 
diff --git a/web-components-submodule b/web-components-submodule
index aaf440409d746e6e0d7eb5b7441a4675d80507a9..5c346adfd99a4de8d3d3fca218d6d1892c03bf28 160000
--- a/web-components-submodule
+++ b/web-components-submodule
@@ -1 +1 @@
-Subproject commit aaf440409d746e6e0d7eb5b7441a4675d80507a9
+Subproject commit 5c346adfd99a4de8d3d3fca218d6d1892c03bf28