diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index c49bf91..ea47e30 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -34,15 +34,15 @@ function AppContent() {
 
   return (
     <div className={`app-container ${theme}`} data-theme={theme}>
-      <RibbonBar onTabChange={handleRibbonTabChange} />
+      <RibbonBar onTabChange={handleRibbonTabChange} yjsDoc={yjsDocRef} />
       <div className="main-content">
         <CanvasArea ref={canvasRef} />
         <SidePanel canvasRef={canvasRef} yjsDoc={yjsDocRef} />
       </div>
       <CommandLine />
       <StatusBar />
-      <button 
-        className="theme-toggle-button" 
+      <button
+        className="theme-toggle-button"
         onClick={toggleTheme}
         aria-label={`Switch to ${theme === 'dark' ? 'light' : 'dark'} theme`}
       >
@@ -60,4 +60,4 @@ function App() {
   );
 }
 
-export default App;
\ No newline at end of file
+export default App;