diff --git a/components/Sidebar/Sidebar.tsx b/components/Sidebar/Sidebar.tsx
index fecad9e..51f933b 100644
--- a/components/Sidebar/Sidebar.tsx
+++ b/components/Sidebar/Sidebar.tsx
@@ -22,7 +22,7 @@ export const Sidebar: FC<Props> = ({ loading, conversations, lightMode, selected
     <div className="flex flex-col bg-[#202123] w-[260px]">
       <div className="flex items-center h-[60px] pl-2">
         <button
-          className="flex items-center w-[220px] h-[40px] rounded-lg bg-[#202123] border border-neutral-600 text-sm hover:bg-neutral-700"
+          className="flex items-center w-[200px] h-[40px] rounded-lg bg-[#202123] border border-neutral-600 text-sm hover:bg-neutral-700"
           onClick={onNewConversation}
         >
           <IconPlus
@@ -33,7 +33,8 @@ export const Sidebar: FC<Props> = ({ loading, conversations, lightMode, selected
         </button>
 
         <IconArrowBarLeft
-          className="ml-1 mr-2 text-neutral-300 cursor-pointer hover:text-neutral-400"
+          className="ml-1 p-1 text-neutral-300 cursor-pointer hover:text-neutral-400"
+          size={38}
           onClick={onToggleSidebar}
         />
       </div>
diff --git a/pages/index.tsx b/pages/index.tsx
index d22eb09..619dadd 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -246,6 +246,7 @@ export default function Home() {
           ) : (
             <IconArrowBarRight
               className="absolute top-2 left-4 text-black dark:text-white cursor-pointer hover:text-gray-400 dark:hover:text-gray-300"
+              size={38}
               onClick={() => setShowSidebar(!showSidebar)}
             />
           )}