Some icon tweaks

src-web/components/ResponsePane.tsx

@@ -103,7 +103,7 @@ export const ResponsePane = memo(function ResponsePane({ style, className }: Pro
                   icon="triangleDown"
                   className="ml-auto"
                   size="sm"
-                  iconSize="sm"
+                  iconSize="md"
                 />
               </Dropdown>
             </HStack>

src-web/components/UrlBar.tsx

@@ -54,11 +54,11 @@ export const UrlBar = memo(function UrlBar({ id: requestId, url, method, classNa
         }
         rightSlot={
           <IconButton
-            size="sm"
+            size="xs"
+            iconSize="sm"
             title="Send Request"
             type="submit"
-            color="custom"
+            className="w-8 mr-0.5"
-            className="!px-2 mr-0.5"
             icon={loading ? 'update' : 'paperPlane'}
             spin={loading}
             disabled={loading}

src-web/components/core/IconButton.tsx

@@ -51,7 +51,7 @@ const _IconButton = forwardRef<HTMLButtonElement, Props>(function IconButton(
         '!px-0',
         size === 'md' && 'w-9',
         size === 'sm' && 'w-8',
-        size === 'xs' && 'w-7',
+        size === 'xs' && 'w-6',
       )}
       size={size}
       {...props}