diff --git a/src-web/components/ResponsePane.tsx b/src-web/components/ResponsePane.tsx
index 2fa4638b..e23f1914 100644
--- a/src-web/components/ResponsePane.tsx
+++ b/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>
diff --git a/src-web/components/UrlBar.tsx b/src-web/components/UrlBar.tsx
index c03b88c9..32b82113 100644
--- a/src-web/components/UrlBar.tsx
+++ b/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="!px-2 mr-0.5"
+            className="w-8 mr-0.5"
             icon={loading ? 'update' : 'paperPlane'}
             spin={loading}
             disabled={loading}
diff --git a/src-web/components/core/IconButton.tsx b/src-web/components/core/IconButton.tsx
index f7d44e09..e22a690d 100644
--- a/src-web/components/core/IconButton.tsx
+++ b/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}