diff --git a/src/components/MobileMenu.tsx b/src/components/MobileMenu.tsx
index 16f1c5a5..fafdaa4c 100644
--- a/src/components/MobileMenu.tsx
+++ b/src/components/MobileMenu.tsx
@@ -46,7 +46,7 @@ export const MobileMenu = ({
   renderCustomFooter,
   viewModeEnabled,
 }: MobileMenuProps) => {
-  const renderFixedSideContainer = () => {
+  const renderToolbar = () => {
     return (
       <FixedSideContainer side="top" className="App-top-bar">
         <Section heading="shapes">
@@ -136,7 +136,7 @@ export const MobileMenu = ({
   };
   return (
     <>
-      {!viewModeEnabled && renderFixedSideContainer()}
+      {!viewModeEnabled && renderToolbar()}
       <div
         className="App-bottom-bar"
         style={{
diff --git a/src/css/styles.scss b/src/css/styles.scss
index 04d9a7c9..c32a2366 100644
--- a/src/css/styles.scss
+++ b/src/css/styles.scss
@@ -226,6 +226,8 @@
 
   .App-top-bar {
     z-index: var(--zIndex-layerUI);
+    display: flex;
+    justify-content: center;
   }
 
   .App-bottom-bar {