diff --git a/src/pages/editor/components/PagesPanel.tsx b/src/pages/editor/components/PagesPanel.tsx
index 41e9844..1233cb7 100644
--- a/src/pages/editor/components/PagesPanel.tsx
+++ b/src/pages/editor/components/PagesPanel.tsx
@@ -68,24 +68,24 @@ const PagesPanel = () => {
         <div className="flex items-center justify-center gap-3">
           <button
             onClick={handleAddPage}
-            className="w-10 h-10 flex items-center justify-center rounded-lg bg-white hover:bg-gray-100 transition-colors "
+            className="size-7 flex items-center justify-center rounded-lg bg-white hover:bg-gray-100 transition-colors "
           >
-            <AddSquare size={20} color="black" />
+            <AddSquare size={16} color="black" />
           </button>
           {currentPageId && (
             <>
               <button
                 onClick={() => handleDuplicatePage(currentPageId)}
-                className="w-10 h-10 flex items-center justify-center rounded-lg bg-white hover:bg-gray-100 transition-colors "
+                className="size-7 flex items-center justify-center rounded-lg bg-white hover:bg-gray-100 transition-colors "
               >
-                <Copy size={20} color="black" />
+                <Copy size={16} color="black" />
               </button>
               <button
                 onClick={() => handleDeletePage(currentPageId)}
                 disabled={pages.length <= 1}
-                className="w-10 h-10 flex items-center hover:bg-gray-100 justify-center rounded-lg  transition-colors  disabled:opacity-50 disabled:cursor-not-allowed"
+                className="size-7 flex items-center hover:bg-gray-100 justify-center rounded-lg  transition-colors  disabled:opacity-50 disabled:cursor-not-allowed"
               >
-                <Trash size={20} color="#FF3B30" />
+                <Trash size={16} color="#FF3B30" />
               </button>
             </>
           )}