diff --git a/src/components/Chat/ChatContent/ChatContent.tsx b/src/components/Chat/ChatContent/ChatContent.tsx
index 7fad0a9..abc7df9 100644
--- a/src/components/Chat/ChatContent/ChatContent.tsx
+++ b/src/components/Chat/ChatContent/ChatContent.tsx
@@ -33,6 +33,7 @@ const ChatContent = () => {
       : 0
   );
   const generating = useStore.getState().generating;
+  const hideSideMenu = useStore((state) => state.hideSideMenu);
 
   const saveRef = useRef<HTMLDivElement>(null);
 
@@ -92,13 +93,19 @@ const ChatContent = () => {
               </div>
             </div>
           )}
-          <div className='mt-4 flex gap-4 flex-wrap justify-center'>
+          <div
+            className={`mt-4 w-full m-auto  ${
+              hideSideMenu
+                ? 'md:max-w-5xl lg:max-w-5xl xl:max-w-6xl'
+                : 'md:max-w-3xl lg:max-w-3xl xl:max-w-4xl'
+            }`}
+          >
             {useStore.getState().generating || (
-              <>
+              <div className='md:w-[calc(100%-50px)] flex gap-4 flex-wrap justify-center'>
                 <DownloadChat saveRef={saveRef} />
                 <ShareGPT />
                 <CloneChat />
-              </>
+              </div>
             )}
           </div>
           <div className='w-full h-36'></div>