diff --git a/src/pages/index/Menu.tsx b/src/pages/index/Menu.tsx
index c634965..710d2ee 100644
--- a/src/pages/index/Menu.tsx
+++ b/src/pages/index/Menu.tsx
@@ -34,7 +34,7 @@ const Page = () => {
   return (
     shopLoading ? (<Loading>加载中</Loading>) :
       <div className={'p-2 z-50 mt-1'}>
-        <div className={'flex justify-between pb-2 p-2 bg-white rounded-xl shadow-sm'}>
+        <div className={'grid grid-cols-4 gap-2 pb-2 p-2 bg-white rounded-xl shadow-sm'}>
           {
             navItems.map((item, index) => (
               <div key={index} className={'text-center'} onClick={() => onNav(item)}>