diff --git a/.changeset/warm-icons-wave.md b/.changeset/warm-icons-wave.md
new file mode 100644
index 00000000..bdeaa71c
--- /dev/null
+++ b/.changeset/warm-icons-wave.md
@@ -0,0 +1,7 @@
+---
+'@youversion/platform-react-ui': patch
+'@youversion/platform-core': patch
+'@youversion/platform-react-hooks': patch
+---
+
+Fixed a styling bug on the BibleReader.Toolbar component. When auth was disabled in the YouVersionProvider, then it caused a layout issue on the toolbar.
diff --git a/packages/ui/src/components/bible-reader.tsx b/packages/ui/src/components/bible-reader.tsx
index 803ac2dc..6cbd19d8 100644
--- a/packages/ui/src/components/bible-reader.tsx
+++ b/packages/ui/src/components/bible-reader.tsx
@@ -309,7 +309,12 @@ function Toolbar({ border = 'top' }: { border?: 'top' | 'bottom' }) {
         border === 'bottom' && 'yv:border-b',
       )}
     >
-      <div className="yv:grid yv:w-full yv:grid-cols-[auto_1fr_auto] yv:items-center yv:max-w-lg yv:gap-4">
+      <div
+        className={cn(
+          'yv:grid yv:w-full yv:items-center yv:max-w-lg yv:gap-4',
+          yvContext?.authEnabled ? 'yv:grid-cols-[auto_1fr_auto]' : 'yv:grid-cols-[1fr_auto]',
+        )}
+      >
         {!!yvContext?.authEnabled && <UserMenu />}
 
         <div className="yv:grid yv:grid-cols-2 yv:gap-0.5">