diff --git a/Gemfile.lock b/Gemfile.lock
index 8d2e806a1..f652ad39c 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    ably-ui (8.7.0.dev.28a63f9)
+    ably-ui (8.7.0.dev.0ce5893)
       view_component (>= 2.33, < 2.50)
 
 GEM
diff --git a/README.md b/README.md
index 55ef11183..0918fb4e4 100644
--- a/README.md
+++ b/README.md
@@ -239,7 +239,14 @@ yarn link @ably/ui
 
 For `ruby`:
 
-In `preview/Gemfile` replace `source: "https://rubygems.pkg.github.com/ably"` with `path: '../'` and run:
+In `preview/Gemfile` replace the Ably UI gem version number with `path: '../'` like this:
+
+```bash
+# in preview
+gem 'ably-ui', path: '../', require: 'ably_ui'
+```
+
+and run:
 
 ```bash
 # in preview
diff --git a/cypress/integration/core/meganav/parity.spec.js b/cypress/integration/core/meganav/parity.spec.js
index ececb2163..47f1a821f 100644
--- a/cypress/integration/core/meganav/parity.spec.js
+++ b/cypress/integration/core/meganav/parity.spec.js
@@ -76,9 +76,10 @@ describe("Panels", () => {
               "click"
             );
 
-            cy.get('[data-id="meganav-mobile-panel-controls"]').within(() => {
-              cy.contains(name).trigger("click");
-            });
+            cy.get(
+              `[data-id="meganav-control-mobile-panel-open"][aria-controls="${lowercaseName}-panel-mobile"]`
+            ).trigger("click");
+
             cy.get('[data-id="meganav-mobile-dropdown"]');
           },
           selector: `#${lowercaseName}-panel-mobile`,
diff --git a/lib/ably_ui/version.rb b/lib/ably_ui/version.rb
index 036515b68..4c279dffc 100644
--- a/lib/ably_ui/version.rb
+++ b/lib/ably_ui/version.rb
@@ -1,3 +1,3 @@
 module AblyUi
-  VERSION = '8.7.0.dev.28a63f9'
+  VERSION = '8.7.0.dev.0ce5893'
 end
diff --git a/package.json b/package.json
index 7a1f822c7..121225cc0 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ably/ui",
-  "version": "8.7.0-dev.28a63f9",
+  "version": "8.7.0-dev.0ce5893",
   "description": "Home of the Ably design system library ([design.ably.com](https://design.ably.com)). It provides a showcase, development/test environment and a publishing pipeline for different distributables.",
   "repository": {
     "type": "git",
diff --git a/preview/Gemfile b/preview/Gemfile
index 5fbd40574..1f5b91104 100644
--- a/preview/Gemfile
+++ b/preview/Gemfile
@@ -37,7 +37,7 @@ gem 'view_component', '~> 2.33.0', require: 'view_component/engine'
 
 gem 'responders'
 
-gem 'ably-ui', '8.7.0.dev.28a63f9', require: 'ably_ui'
+gem 'ably-ui', '8.7.0.dev.0ce5893', require: 'ably_ui'
 
 # https://stackoverflow.com/questions/71191685/visit-psych-nodes-alias-unknown-alias-default-psychbadalias
 gem 'psych', '< 4'
diff --git a/preview/Gemfile.lock b/preview/Gemfile.lock
index 5d7f02d1c..a1a2fc724 100644
--- a/preview/Gemfile.lock
+++ b/preview/Gemfile.lock
@@ -1,7 +1,7 @@
 GEM
   remote: https://rubygems.org/
   specs:
-    ably-ui (8.7.0.dev.28a63f9)
+    ably-ui (8.7.0.dev.0ce5893)
       view_component (>= 2.33, < 2.50)
     actioncable (6.0.5.1)
       actionpack (= 6.0.5.1)
@@ -175,7 +175,7 @@ PLATFORMS
   x86_64-linux
 
 DEPENDENCIES
-  ably-ui (= 8.7.0.dev.28a63f9)
+  ably-ui (= 8.7.0.dev.0ce5893)
   bootsnap (>= 1.4.2)
   byebug
   dotenv-rails
diff --git a/preview/package.json b/preview/package.json
index 7e10d6462..1f3c57286 100644
--- a/preview/package.json
+++ b/preview/package.json
@@ -2,7 +2,7 @@
   "name": "preview",
   "private": true,
   "dependencies": {
-    "@ably/ui": "8.7.0-dev.28a63f9",
+    "@ably/ui": "8.7.0-dev.0ce5893",
     "@babel/preset-react": "^7.12.5",
     "@rails/ujs": "^6.0.0",
     "@rails/webpacker": "4.3.0",
diff --git a/preview/yarn.lock b/preview/yarn.lock
index 27896fcd4..2f59b3bfc 100644
--- a/preview/yarn.lock
+++ b/preview/yarn.lock
@@ -2,10 +2,10 @@
 # yarn lockfile v1
 
 
-"@ably/ui@8.7.0-dev.28a63f9":
-  version "8.7.0-dev.28a63f9"
-  resolved "https://registry.yarnpkg.com/@ably/ui/-/ui-8.7.0-dev.28a63f9.tgz#132ed10521d64f2c9a820a5954aaa27556594b1a"
-  integrity sha512-LZX69na3XsHRmjc1mG+f5naFWE+3z/ii/RZHBQSuenH4wKN5bsYvtU9p20t5EcHvRsJYFCFUGQeDj1+lRep45Q==
+"@ably/ui@8.7.0-dev.0ce5893":
+  version "8.7.0-dev.0ce5893"
+  resolved "https://registry.yarnpkg.com/@ably/ui/-/ui-8.7.0-dev.0ce5893.tgz#655da6a848a4018001ac0cb60d4a797559469bd5"
+  integrity sha512-4MJeSSzLFK+diPDdUCyO+rcTnvyJIaxkSdmrHiLJE9lUE58Z7zxSwS3nN3BwPmcyYddWtF63kcFU1tnCaZaZNQ==
   dependencies:
     addsearch-js-client "^0.7.0"
     array-flat-polyfill "^1.0.1"
diff --git a/src/core/MeganavContentDevelopers/component.html.erb b/src/core/MeganavContentDevelopers/component.html.erb
index 09dbb0c3e..e1076ff25 100644
--- a/src/core/MeganavContentDevelopers/component.html.erb
+++ b/src/core/MeganavContentDevelopers/component.html.erb
@@ -16,20 +16,20 @@
           <% end %>
         </li>
         <li>
-          <%= link_to abs_url("/integrations"), class: "ui-meganav-media-with-image group" do %>
-            <%= render(AblyUi::Core::Icon.new(name: "icon-display-integrations-col", size: "2.5rem")) %>
+          <%= link_to abs_url("/docs/quick-start-guide"), class: "ui-meganav-media-with-image group" do %>
+            <%= render(AblyUi::Core::Icon.new(name: "icon-display-quickstart-guides-col", size: "2.5rem")) %>
             <div class="flex flex-col justify-center">
-              <p class="ui-meganav-media-heading">Integrations</p>
-              <p class="ui-meganav-media-copy">Find out more about Ably integrations. </p>
+              <p class="ui-meganav-media-heading">Quickstart guides</p>
+              <p class="ui-meganav-media-copy">Documentation to help you get started quickly.</p>
             </div>
           <% end %>
         </li>
         <li>
-          <%= link_to abs_url("/docs/quick-start-guide"), class: "ui-meganav-media-with-image group" do %>
-            <%= render(AblyUi::Core::Icon.new(name: "icon-display-quickstart-guides-col", size: "2.5rem")) %>
+          <%= link_to abs_url("/integrations"), class: "ui-meganav-media-with-image group" do %>
+            <%= render(AblyUi::Core::Icon.new(name: "icon-display-integrations-col", size: "2.5rem")) %>
             <div class="flex flex-col justify-center">
-              <p class="ui-meganav-media-heading">Quickstart guides</p>
-              <p class="ui-meganav-media-copy">Documentation to help you get started quickly.</p>
+              <p class="ui-meganav-media-heading">Integrations</p>
+              <p class="ui-meganav-media-copy">Find out more about Ably integrations. </p>
             </div>
           <% end %>
         </li>