diff --git a/package-lock.json b/package-lock.json
index c71734f25..8815161cd 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -17,7 +17,7 @@
         "@codemirror/view": "^6.26.3",
         "@microbit/microbit-connection": "^1.0.0",
         "@microbit/microbit-fs": "^0.10.0",
-        "@microbit/ui": "0.1.0-alpha.29",
+        "@microbit/ui": "0.1.0-alpha.30",
         "@microbit/ui-patterns": "0.1.0-alpha.3",
         "@sanity/block-content-to-react": "^3.0.0",
         "@sanity/image-url": "^1.0.1",
@@ -3268,9 +3268,9 @@
       }
     },
     "node_modules/@microbit/ui": {
-      "version": "0.1.0-alpha.29",
-      "resolved": "https://registry.npmjs.org/@microbit/ui/-/ui-0.1.0-alpha.29.tgz",
-      "integrity": "sha512-qEBLd7wl3n7k5dmgfzF7KBQMs+h+X18RtQnyiVGxm33SQ0ZocO7gBhhrUf5qAfcgkAQeJ3sXInlBTm+ryBKzQg==",
+      "version": "0.1.0-alpha.30",
+      "resolved": "https://registry.npmjs.org/@microbit/ui/-/ui-0.1.0-alpha.30.tgz",
+      "integrity": "sha512-ZCjOsDUJSGw/JrK10veuzHL8lPP7+l+7kaEx1haxuw3FL8jFnhQMbULpquGg8wVrKlfQPENln035peji5ov2Yg==",
       "license": "MIT",
       "peerDependencies": {
         "@pandacss/dev": "^1.11.4",
diff --git a/package.json b/package.json
index 1d6611b26..93f52e2a3 100644
--- a/package.json
+++ b/package.json
@@ -21,7 +21,7 @@
     "@codemirror/view": "^6.26.3",
     "@microbit/microbit-connection": "^1.0.0",
     "@microbit/microbit-fs": "^0.10.0",
-    "@microbit/ui": "0.1.0-alpha.29",
+    "@microbit/ui": "0.1.0-alpha.30",
     "@microbit/ui-patterns": "0.1.0-alpha.3",
     "@sanity/block-content-to-react": "^3.0.0",
     "@sanity/image-url": "^1.0.1",
diff --git a/src/editor/UndoRedoControls.tsx b/src/editor/UndoRedoControls.tsx
index 5fa272a1c..6f511d564 100644
--- a/src/editor/UndoRedoControls.tsx
+++ b/src/editor/UndoRedoControls.tsx
@@ -40,7 +40,6 @@ const UndoRedoControls = ({ css: cssProp }: UndoRedoControlsProps) => {
       </IconButton>
       <IconButton
         variant="neutral"
-        css={{ borderLeft: "1px solid", borderLeftColor: "gray.10" }}
         aria-label={intl.formatMessage({ id: "redo" })}
         onPress={actions?.redo}
         isDisabled={editorInfo.redo ? false : true}
diff --git a/src/editor/ZoomControls.tsx b/src/editor/ZoomControls.tsx
index 510c94ccb..9501f18fb 100644
--- a/src/editor/ZoomControls.tsx
+++ b/src/editor/ZoomControls.tsx
@@ -53,7 +53,6 @@ const ZoomControls = ({ size, css: cssProp }: ZoomControlsProps) => {
         <RiZoomOutLine />
       </IconButton>
       <IconButton
-        css={{ borderLeft: "1px solid", borderLeftColor: "gray.10" }}
         size={size}
         variant="neutral"
         aria-label={intl.formatMessage({ id: "zoom-in-action" })}
diff --git a/src/project/MoreMenuButton.tsx b/src/project/MoreMenuButton.tsx
deleted file mode 100644
index 627b21be5..000000000
--- a/src/project/MoreMenuButton.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-/**
- * (c) 2021 - 2022, Micro:bit Educational Foundation and contributors
- *
- * SPDX-License-Identifier: MIT
- */
-import { ButtonProps, IconButton } from "@microbit/ui";
-import React, { ForwardedRef } from "react";
-import { MdMoreVert } from "react-icons/md";
-
-interface MoreMenuButtonProps {
-  "aria-label": string;
-  size?: "lg" | "md" | "sm" | "xs";
-  variant?: ButtonProps["variant"];
-  "data-testid"?: string;
-}
-
-/**
- * The "more" half of a split button. Place inside a MenuTrigger, next to the
- * main action button, both inside an attached ButtonGroup.
- */
-const MoreMenuButton = React.forwardRef(
-  (
-    { size, variant, ...props }: MoreMenuButtonProps,
-    ref: ForwardedRef<HTMLButtonElement>
-  ) => {
-    return (
-      <IconButton
-        ref={ref}
-        variant={variant}
-        size={size}
-        css={{
-          borderLeft: "1px solid",
-          borderRadius: "button",
-          // Nudge the glyph towards the attached (square) edge.
-          "& svg": { marginLeft: "calc(-0.15 * token(radii.button))" },
-        }}
-        {...props}
-      >
-        <MdMoreVert />
-      </IconButton>
-    );
-  }
-);
-
-export default MoreMenuButton;
diff --git a/src/project/SaveMenuButton.tsx b/src/project/SaveMenuButton.tsx
index 2feec4fc5..a1dc195da 100644
--- a/src/project/SaveMenuButton.tsx
+++ b/src/project/SaveMenuButton.tsx
@@ -3,12 +3,17 @@
  *
  * SPDX-License-Identifier: MIT
  */
-import { ButtonGroup, MenuItem, MenuList, MenuTrigger } from "@microbit/ui";
+import {
+  ButtonGroup,
+  MenuItem,
+  MenuList,
+  MenuTrigger,
+  MoreMenuButton,
+} from "@microbit/ui";
 import { RiDownload2Line } from "react-icons/ri";
 import { FormattedMessage, useIntl } from "react-intl";
 import { HStack } from "styled-system/jsx";
 import SaveButton from "./SaveButton";
-import MoreMenuButton from "./MoreMenuButton";
 import { useProjectActions } from "./project-hooks";
 import { useRef } from "react";
 
@@ -29,11 +34,7 @@ const SaveMenuButton = ({ size }: SaveMenuButtonProps) => {
   return (
     <HStack>
       <ButtonGroup isAttached>
-        <SaveButton
-          mode="button"
-          size={size}
-          css={{ borderRight: "1px solid" }}
-        />
+        <SaveButton mode="button" size={size} />
         <MenuTrigger>
           <MoreMenuButton
             ref={menuButtonRef}
diff --git a/src/project/SendButton.tsx b/src/project/SendButton.tsx
index 2054b5c9c..03fb36f24 100644
--- a/src/project/SendButton.tsx
+++ b/src/project/SendButton.tsx
@@ -9,6 +9,7 @@ import {
   MenuItem,
   MenuList,
   MenuTrigger,
+  MoreMenuButton,
   Tooltip,
 } from "@microbit/ui";
 import React, { ForwardedRef, useCallback, useRef } from "react";
@@ -17,7 +18,6 @@ import { FormattedMessage, useIntl } from "react-intl";
 import { HStack } from "styled-system/jsx";
 import { ConnectionStatus } from "@microbit/microbit-connection";
 import { useConnectionStatus } from "../device/device-hooks";
-import MoreMenuButton from "./MoreMenuButton";
 import { useProjectActions } from "./project-hooks";
 import { useHotkeys } from "react-hotkeys-hook";
 import {