Update components/Sidebar.tsx

components/Sidebar.tsx

@@ -1,3 +1,4 @@
+
 import React from 'react';
 import { LAYER_DEFINITIONS } from '../constants';
 import { LayerType } from '../types';
@@ -192,11 +193,13 @@ const Sidebar: React.FC<SidebarProps> = ({ onOpenAIBuilder, onSelectTemplate, is
               ))
             )}
             
-            {/* Sidebar Ad Spot */}
-            <div className="pt-4 border-t border-slate-800/50">
-               <div className="text-[10px] text-slate-600 mb-2 uppercase tracking-wider font-semibold text-center">Sponsored</div>
-               <GoogleAd />
-            </div>
+            {/* Sidebar Ad Spot - Only render when open to avoid 0-width errors */}
+            {isOpen && (
+              <div className="pt-4 border-t border-slate-800/50">
+                <div className="text-[10px] text-slate-600 mb-2 uppercase tracking-wider font-semibold text-center">Sponsored</div>
+                <GoogleAd />
+              </div>
+            )}
 
           </div>
           
@@ -210,4 +213,4 @@ const Sidebar: React.FC<SidebarProps> = ({ onOpenAIBuilder, onSelectTemplate, is
   );
 };
 
-export default Sidebar;
+export default Sidebar;