diff --git a/apps/desktop/src/components/chat/body/index.tsx b/apps/desktop/src/components/chat/body/index.tsx
index ddbec33278..ad32e86ebd 100644
--- a/apps/desktop/src/components/chat/body/index.tsx
+++ b/apps/desktop/src/components/chat/body/index.tsx
@@ -38,7 +38,7 @@ export function ChatBody({
       className={cn([
         "flex-1 overflow-y-auto flex flex-col",
         chat.mode === "RightPanelOpen" &&
-          "border border-neutral-200 mt-1 rounded-md rounded-b-none",
+          "border border-neutral-200 rounded-xl rounded-b-none",
       ])}
     >
       <div className="flex-1" />
diff --git a/apps/desktop/src/components/chat/header.tsx b/apps/desktop/src/components/chat/header.tsx
index 43700c87a2..c04cff26ff 100644
--- a/apps/desktop/src/components/chat/header.tsx
+++ b/apps/desktop/src/components/chat/header.tsx
@@ -37,7 +37,7 @@ export function ChatHeader({
       data-tauri-drag-region={chat.mode === "RightPanelOpen"}
       className={cn([
         "flex items-center justify-between px-1 border-b border-neutral-200 h-9",
-        chat.mode === "RightPanelOpen" && "border rounded-md",
+        chat.mode === "RightPanelOpen" && "border rounded-xl",
       ])}
     >
       <div className="flex items-center">
diff --git a/apps/desktop/src/components/main/body/index.tsx b/apps/desktop/src/components/main/body/index.tsx
index 783eeeacab..85717757a6 100644
--- a/apps/desktop/src/components/main/body/index.tsx
+++ b/apps/desktop/src/components/main/body/index.tsx
@@ -336,7 +336,7 @@ export function StandardTabWrapper({
 }) {
   return (
     <div className="flex flex-col h-full">
-      <div className="flex flex-col rounded-lg border border-neutral-200 flex-1 overflow-hidden relative">
+      <div className="flex flex-col rounded-xl border border-neutral-200 flex-1 overflow-hidden relative">
         {children}
         {floatingButton}
         <TabChatButton />
diff --git a/apps/desktop/src/components/main/body/search.tsx b/apps/desktop/src/components/main/body/search.tsx
index 0cb89bd3b9..3d803b603c 100644
--- a/apps/desktop/src/components/main/body/search.tsx
+++ b/apps/desktop/src/components/main/body/search.tsx
@@ -143,7 +143,7 @@ function ExpandedSearch({
             "text-sm placeholder:text-sm placeholder:text-neutral-400",
             "w-full pl-9 h-full",
             query ? "pr-9" : showShortcut ? "pr-14" : "pr-4",
-            "rounded-lg bg-neutral-100 border border-transparent",
+            "rounded-xl bg-neutral-100 border border-transparent",
             "focus:outline-none focus:bg-neutral-200 focus:border-black",
           ])}
         />
diff --git a/apps/desktop/src/components/main/body/shared.tsx b/apps/desktop/src/components/main/body/shared.tsx
index 746fb84ce1..80486fd7e6 100644
--- a/apps/desktop/src/components/main/body/shared.tsx
+++ b/apps/desktop/src/components/main/body/shared.tsx
@@ -80,26 +80,30 @@ export function TabItemBase({
         onClick={handleSelectThis}
         onMouseDown={handleMouseDown}
         className={cn([
-          "flex items-center gap-1 cursor-pointer group relative",
-          "w-48 h-full pl-2 pr-2",
-          "rounded-lg border",
+          "flex items-center gap-1 relative",
+          "w-48 h-full px-2",
+          "rounded-xl border",
+          "cursor-pointer group",
           "transition-colors duration-200",
-          active && selected
-            ? ["bg-red-50", "text-red-600", "border-red-500"]
-            : active
-              ? ["bg-red-50", "text-red-500", "border-0"]
-              : selected
-                ? ["bg-neutral-50", "text-black", "border-black"]
-                : ["bg-neutral-50", "text-neutral-500", "border-transparent"],
+          active && selected && ["bg-red-50", "text-red-600", "border-red-400"],
+          active && !selected && ["bg-red-50", "text-red-500", "border-0"],
+          !active &&
+            selected && ["bg-neutral-50", "text-black", "border-stone-400"],
+          !active &&
+            !selected && [
+              "bg-neutral-50",
+              "text-neutral-500",
+              "border-transparent",
+            ],
         ])}
       >
         <div className="flex items-center gap-2 text-sm flex-1 min-w-0">
           <div className="flex-shrink-0 relative w-4 h-4">
             <div
-              className={cn(
+              className={cn([
                 "absolute inset-0 flex items-center justify-center transition-opacity duration-200",
                 isHovered ? "opacity-0" : "opacity-100",
-              )}
+              ])}
             >
               {active ? (
                 <div className="relative size-2">
@@ -111,10 +115,10 @@ export function TabItemBase({
               )}
             </div>
             <div
-              className={cn(
+              className={cn([
                 "absolute inset-0 flex items-center justify-center transition-opacity duration-200",
                 isHovered ? "opacity-100" : "opacity-0",
-              )}
+              ])}
             >
               <button
                 onClick={(e) => {
@@ -123,11 +127,13 @@ export function TabItemBase({
                 }}
                 className={cn([
                   "flex items-center justify-center transition-colors",
-                  active
-                    ? "text-red-600 hover:text-red-700"
-                    : selected
-                      ? "text-neutral-700 hover:text-neutral-900"
-                      : "text-neutral-500 hover:text-neutral-700",
+                  active && "text-red-600 hover:text-red-700",
+                  !active &&
+                    selected &&
+                    "text-neutral-700 hover:text-neutral-900",
+                  !active &&
+                    !selected &&
+                    "text-neutral-500 hover:text-neutral-700",
                 ])}
               >
                 <X size={16} />
diff --git a/apps/desktop/src/components/main/sidebar/banner/component.tsx b/apps/desktop/src/components/main/sidebar/banner/component.tsx
index 84c3f93850..efe6fafafc 100644
--- a/apps/desktop/src/components/main/sidebar/banner/component.tsx
+++ b/apps/desktop/src/components/main/sidebar/banner/component.tsx
@@ -50,7 +50,10 @@ export function Banner({
 
         <div className="flex flex-col gap-2 mt-1">
           {banner.primaryAction && (
-            <Button onClick={banner.primaryAction.onClick} className="w-full">
+            <Button
+              onClick={banner.primaryAction.onClick}
+              className="w-full rounded-full bg-gradient-to-t from-stone-600 to-stone-500"
+            >
               {banner.primaryAction.label}
             </Button>
           )}
@@ -58,7 +61,7 @@ export function Banner({
             <Button
               onClick={banner.secondaryAction.onClick}
               variant="outline"
-              className="w-full"
+              className="w-full rounded-full bg-linear-to-t from-neutral-200 to-neutral-100 text-neutral-900"
             >
               {banner.secondaryAction.label}
             </Button>
diff --git a/apps/desktop/src/components/main/sidebar/index.tsx b/apps/desktop/src/components/main/sidebar/index.tsx
index e4c7aaf27f..464599cc71 100644
--- a/apps/desktop/src/components/main/sidebar/index.tsx
+++ b/apps/desktop/src/components/main/sidebar/index.tsx
@@ -24,10 +24,10 @@ export function LeftSidebar() {
       <header
         data-tauri-drag-region
         className={cn([
-          "flex flex-row shrink-0",
-          "flex w-full items-center justify-end h-9 py-1",
-          "rounded-lg",
-          "pl-[72px] bg-neutral-50",
+          "flex flex-row items-center justify-end",
+          "w-full h-9 py-1 pl-[72px]",
+          "shrink-0",
+          "rounded-xl bg-neutral-50",
         ])}
       >
         {import.meta.env.DEV && (
diff --git a/apps/desktop/src/components/main/sidebar/profile/auth.tsx b/apps/desktop/src/components/main/sidebar/profile/auth.tsx
index 3ab791c608..8aa6659923 100644
--- a/apps/desktop/src/components/main/sidebar/profile/auth.tsx
+++ b/apps/desktop/src/components/main/sidebar/profile/auth.tsx
@@ -137,13 +137,13 @@ export function AuthSection({
   };
 
   return (
-    <div className="px-1 py-2">
+    <div className="p-1 pt-2">
       <Button
         onClick={() => handleStartSignIn()}
         variant="default"
         className="w-full"
       >
-        <LogIn className="w-4 h-4 mr-2" />
+        <LogIn size={16} />
         Sign in
       </Button>
     </div>
diff --git a/apps/desktop/src/components/main/sidebar/profile/index.tsx b/apps/desktop/src/components/main/sidebar/profile/index.tsx
index bfa4733560..e88e8af14d 100644
--- a/apps/desktop/src/components/main/sidebar/profile/index.tsx
+++ b/apps/desktop/src/components/main/sidebar/profile/index.tsx
@@ -25,10 +25,7 @@ import { useAutoCloser } from "../../../../hooks/useAutoCloser";
 import * as main from "../../../../store/tinybase/main";
 import { useTabs } from "../../../../store/zustand/tabs";
 import { AuthSection } from "./auth";
-import {
-  NotificationsMenuContent,
-  NotificationsMenuHeader,
-} from "./notification";
+import { NotificationsMenuContent } from "./notification";
 import { UpdateChecker } from "./ota";
 import { MenuItem } from "./shared";
 
@@ -141,9 +138,9 @@ export function ProfileSection({ onExpandChange }: ProfileSectionProps = {}) {
     closeMenu();
   }, [openNew, closeMenu]);
 
-  const handleClickNotifications = useCallback(() => {
-    setCurrentView("notifications");
-  }, []);
+  // const handleClickNotifications = useCallback(() => {
+  //   setCurrentView("notifications");
+  // }, []);
 
   const handleBackToMain = useCallback(() => {
     setCurrentView("main");
@@ -190,8 +187,8 @@ export function ProfileSection({ onExpandChange }: ProfileSectionProps = {}) {
             transition={{ duration: 0.2, ease: "easeInOut" }}
             className="absolute bottom-full left-0 right-0 mb-1"
           >
-            <div className="bg-neutral-50 rounded-lg overflow-hidden shadow-lg border">
-              <div className="pt-1.5">
+            <div className="bg-neutral-50 rounded-xl overflow-hidden shadow-sm border">
+              <div className="pt-1">
                 <AnimatePresence mode="wait">
                   {currentView === "main" ? (
                     <motion.div
@@ -202,12 +199,12 @@ export function ProfileSection({ onExpandChange }: ProfileSectionProps = {}) {
                       transition={{ duration: 0.2, ease: "easeInOut" }}
                       ref={mainViewRef}
                     >
-                      <NotificationsMenuHeader
+                      {/*<NotificationsMenuHeader
                         onClick={handleClickNotifications}
-                      />
+                      />*/}
                       <UpdateChecker />
 
-                      <div className="my-1.5 border-t border-neutral-100" />
+                      <div className="my-1 border-t border-neutral-100" />
 
                       {menuItems.map((item) => (
                         <MenuItem key={item.label} {...item} />
@@ -240,7 +237,7 @@ export function ProfileSection({ onExpandChange }: ProfileSectionProps = {}) {
         )}
       </AnimatePresence>
 
-      <div className="bg-neutral-50 rounded-lg overflow-hidden">
+      <div className="bg-neutral-50 rounded-xl overflow-hidden">
         <ProfileButton
           isExpanded={isExpanded}
           onClick={() => setIsExpanded(!isExpanded)}
diff --git a/apps/desktop/src/components/main/sidebar/profile/shared.tsx b/apps/desktop/src/components/main/sidebar/profile/shared.tsx
index 7cb7ee11bc..6eba83ff96 100644
--- a/apps/desktop/src/components/main/sidebar/profile/shared.tsx
+++ b/apps/desktop/src/components/main/sidebar/profile/shared.tsx
@@ -14,37 +14,41 @@ export function MenuItem({
   onClick: () => void;
 }) {
   return (
-    <button
-      className={cn(
-        "flex w-full items-center gap-2.5 rounded-lg",
-        "px-4 py-1.5",
-        "text-sm text-black",
-        "transition-colors hover:bg-neutral-100",
-      )}
-      onClick={onClick}
-    >
-      <Icon className={cn("h-4 w-4 flex-shrink-0", "text-black")} />
-      <span className={cn(["flex-1", "text-left"])}>{label}</span>
-      {badge &&
-        (typeof badge === "number" ? (
-          <span
-            className={cn(
-              "rounded-full",
-              "px-2 py-0.5",
-              "bg-red-500",
-              "text-xs font-semibold text-white",
-            )}
-          >
-            {badge}
-          </span>
-        ) : (
-          badge
-        ))}
-      {SuffixIcon && (
-        <SuffixIcon
-          className={cn("h-4 w-4 flex-shrink-0", "text-neutral-400")}
-        />
-      )}
-    </button>
+    <div className="px-1">
+      <button
+        className={cn(
+          "flex w-full justify-between rounded-lg",
+          "px-3 py-1.5",
+          "text-sm text-black",
+          "transition-colors hover:bg-neutral-100",
+        )}
+        onClick={onClick}
+      >
+        <div className="flex items-center justify-start gap-2.5">
+          <Icon className="h-4 w-4 flex-shrink-0 text-black" />
+          {label}
+        </div>
+        {badge &&
+          (typeof badge === "number" ? (
+            <span
+              className={cn(
+                "rounded-full",
+                "px-2 py-0.5",
+                "bg-red-500",
+                "text-xs font-semibold text-white",
+              )}
+            >
+              {badge}
+            </span>
+          ) : (
+            badge
+          ))}
+        {SuffixIcon && (
+          <SuffixIcon
+            className={cn("h-4 w-4 flex-shrink-0", "text-neutral-400")}
+          />
+        )}
+      </button>
+    </div>
   );
 }
diff --git a/apps/desktop/src/components/settings/ai/llm/configure.tsx b/apps/desktop/src/components/settings/ai/llm/configure.tsx
index 1c186d3fa0..d95ca33a4f 100644
--- a/apps/desktop/src/components/settings/ai/llm/configure.tsx
+++ b/apps/desktop/src/components/settings/ai/llm/configure.tsx
@@ -86,7 +86,7 @@ function NonHyprProviderCard({
   return (
     <AccordionItem
       value={config.id}
-      className={cn(["rounded-lg border-2 border-dashed bg-neutral-50"])}
+      className="rounded-xl border-2 border-dashed bg-neutral-50"
       disabled={locked}
     >
       <AccordionTrigger
@@ -165,7 +165,7 @@ function HyprProviderCard({
   return (
     <AccordionItem
       value={providerId}
-      className={cn(["rounded-lg border-2 border-dashed bg-neutral-50"])}
+      className="rounded-xl border-2 border-dashed bg-neutral-50"
       disabled={locked}
     >
       <AccordionTrigger
diff --git a/apps/desktop/src/components/settings/ai/llm/select.tsx b/apps/desktop/src/components/settings/ai/llm/select.tsx
index 42f64f4ccf..9b115de0fe 100644
--- a/apps/desktop/src/components/settings/ai/llm/select.tsx
+++ b/apps/desktop/src/components/settings/ai/llm/select.tsx
@@ -79,7 +79,7 @@ export function SelectProviderAndModel() {
       <div
         className={cn([
           "flex flex-col gap-4",
-          "p-4 rounded-lg border border-neutral-200",
+          "p-4 rounded-xl border border-neutral-200",
           !!current_llm_provider && !!current_llm_model
             ? "bg-neutral-50"
             : "bg-red-50",
diff --git a/apps/desktop/src/components/settings/ai/stt/configure.tsx b/apps/desktop/src/components/settings/ai/stt/configure.tsx
index 08d8c06ae3..17de73a070 100644
--- a/apps/desktop/src/components/settings/ai/stt/configure.tsx
+++ b/apps/desktop/src/components/settings/ai/stt/configure.tsx
@@ -91,7 +91,7 @@ function NonHyprProviderCard({
     <AccordionItem
       disabled={config.disabled || locked}
       value={config.id}
-      className={cn(["rounded-lg border-2 border-dashed bg-neutral-50"])}
+      className="rounded-xl border-2 border-dashed bg-neutral-50"
     >
       <AccordionTrigger
         className={cn([
@@ -164,7 +164,7 @@ function HyprProviderCard({
   return (
     <AccordionItem
       value={providerId}
-      className={cn(["rounded-lg border-2 border-dashed bg-neutral-50"])}
+      className="rounded-xl border-2 border-dashed bg-neutral-50"
     >
       <AccordionTrigger className={cn(["capitalize gap-2 px-4"])}>
         <div className="flex items-center gap-2">
diff --git a/apps/desktop/src/components/settings/ai/stt/select.tsx b/apps/desktop/src/components/settings/ai/stt/select.tsx
index 1b93197228..acc96889c0 100644
--- a/apps/desktop/src/components/settings/ai/stt/select.tsx
+++ b/apps/desktop/src/components/settings/ai/stt/select.tsx
@@ -73,7 +73,7 @@ export function SelectProviderAndModel() {
       <div
         className={cn([
           "flex flex-col gap-4",
-          "p-4 rounded-lg border border-neutral-200",
+          "p-4 rounded-xl border border-neutral-200",
           !!current_stt_provider && !!current_stt_model
             ? "bg-neutral-50"
             : "bg-red-50",
diff --git a/apps/desktop/src/components/settings/template/editor.tsx b/apps/desktop/src/components/settings/template/editor.tsx
index b0c11515b9..955d2280b5 100644
--- a/apps/desktop/src/components/settings/template/editor.tsx
+++ b/apps/desktop/src/components/settings/template/editor.tsx
@@ -68,7 +68,7 @@ export function TemplateEditor({ id }: { id: string }) {
               value={field.state.value}
               onChange={(e) => field.handleChange(e.target.value)}
               placeholder="Describe the template purpose and usage..."
-              className="min-h-[100px] resize-none shadow-none"
+              className="min-h-[100px] resize-none shadow-none rounded-xl"
             />
           </div>
         )}
diff --git a/apps/desktop/src/components/settings/template/index.tsx b/apps/desktop/src/components/settings/template/index.tsx
index e170ea19a5..8d7a3cc61b 100644
--- a/apps/desktop/src/components/settings/template/index.tsx
+++ b/apps/desktop/src/components/settings/template/index.tsx
@@ -39,7 +39,7 @@ function TemplateList() {
         </div>
 
         {hasNoResults ? (
-          <div className="text-center py-12 text-neutral-500 bg-neutral-50 rounded-lg p-4 border border-neutral-200">
+          <div className="text-center py-12 text-neutral-500 bg-neutral-50 rounded-xl p-4 border border-neutral-200">
             <BookText size={48} className="mx-auto mb-4 text-neutral-300" />
             <p className="text-sm">
               {searchQuery.length > 0
diff --git a/apps/desktop/src/components/settings/template/local.tsx b/apps/desktop/src/components/settings/template/local.tsx
index b293abc654..01d6e05164 100644
--- a/apps/desktop/src/components/settings/template/local.tsx
+++ b/apps/desktop/src/components/settings/template/local.tsx
@@ -22,7 +22,7 @@ function UserTemplatesList({ query }: { query: string }) {
 
   if (templates.length === 0) {
     return (
-      <div className="text-center py-12 text-neutral-500 bg-neutral-50 rounded-lg p-4 border border-neutral-200">
+      <div className="text-center py-12 text-neutral-500 bg-neutral-50 rounded-xl p-4 border border-neutral-200">
         <BookText size={48} className="mx-auto mb-4 text-neutral-300" />
         <p className="text-sm">
           {query.length > 0 ? "No templates found" : "No templates yet"}
diff --git a/apps/desktop/src/components/settings/template/sections.tsx b/apps/desktop/src/components/settings/template/sections.tsx
index 5548a0b47a..c75fffe6bf 100644
--- a/apps/desktop/src/components/settings/template/sections.tsx
+++ b/apps/desktop/src/components/settings/template/sections.tsx
@@ -215,7 +215,7 @@ function SectionItem({
 
         <div
           className={cn(
-            "min-h-[100px] border rounded-md overflow-clip transition-colors",
+            "min-h-[100px] border rounded-xl overflow-clip transition-colors",
             isFocused
               ? "border-blue-500 ring-2 ring-primary/20"
               : "border-input",
diff --git a/apps/desktop/src/components/settings/template/shared.tsx b/apps/desktop/src/components/settings/template/shared.tsx
index 0628ea61be..43cb578c67 100644
--- a/apps/desktop/src/components/settings/template/shared.tsx
+++ b/apps/desktop/src/components/settings/template/shared.tsx
@@ -36,15 +36,15 @@ export function TemplateCard({
       role={onClick ? "button" : undefined}
       tabIndex={onClick ? 0 : undefined}
       className={cn([
-        "flex items-start gap-4 relative",
-        "p-4 border border-neutral-200 rounded-lg",
+        "flex items-start gap-4 relative overflow-clip",
+        "p-4 border border-neutral-200 rounded-xl",
         onClick
           ? "cursor-pointer transition-colors hover:bg-neutral-50"
           : "cursor-default",
       ])}
     >
       {isMine && (
-        <div className="absolute top-0 right-0 bg-neutral-100 text-neutral-600 text-xs font-medium px-2 py-1 rounded-bl-md rounded-tr-lg border-l border-b border-neutral-200">
+        <div className="absolute top-0 right-0 bg-neutral-100 text-neutral-600 text-xs font-medium px-2 py-1 rounded-bl-xl border-l border-b border-neutral-200">
           Made by me
         </div>
       )}
diff --git a/apps/desktop/src/routes/app/settings/_layout.tsx b/apps/desktop/src/routes/app/settings/_layout.tsx
index 179da4a185..b14adbf419 100644
--- a/apps/desktop/src/routes/app/settings/_layout.tsx
+++ b/apps/desktop/src/routes/app/settings/_layout.tsx
@@ -6,7 +6,6 @@ import {
   Bell,
   BookText,
   CalendarDays,
-  ExternalLinkIcon,
   type LucideIcon,
   MessageCircleQuestion,
   Plus,
@@ -140,7 +139,7 @@ function Component() {
 
       <div className="flex-1 flex flex-col gap-1 h-full w-full overflow-hidden bg-white">
         <Header />
-        <div className="flex-1 w-full overflow-y-auto scrollbar-hide p-6 border border-neutral-200 rounded-lg">
+        <div className="flex-1 w-full overflow-y-auto scrollbar-hide p-6 border border-neutral-200 rounded-xl">
           <Outlet />
         </div>
       </div>
@@ -172,33 +171,34 @@ function Group({
   };
 
   return (
-    <div className={cn(["rounded-md bg-neutral-50", expandHeight && "flex-1"])}>
+    <div
+      className={cn([
+        "rounded-xl bg-neutral-50 py-1",
+        expandHeight && "flex-1",
+      ])}
+    >
       {includeTrafficLight && <div data-tauri-drag-region className="h-9" />}
       {tabs.map((tab) => {
         const tabInfo = info(tab);
         const Icon = tabInfo.icon;
 
         return (
-          <Button
-            key={tab}
-            variant="ghost"
-            className={cn([
-              "w-full justify-between",
-              "font-normal",
-              activeTab === tab
-                ? "bg-neutral-200 hover:bg-neutral-200"
-                : "hover:bg-neutral-100",
-            ])}
-            onClick={() => handleTabClick(tab)}
-          >
-            <div className="flex items-center gap-2">
+          <div key={tab} className="px-1">
+            <Button
+              variant="ghost"
+              className={cn([
+                "w-full justify-start",
+                "font-normal",
+                activeTab === tab
+                  ? "bg-neutral-200 hover:bg-neutral-200"
+                  : "hover:bg-neutral-100",
+              ])}
+              onClick={() => handleTabClick(tab)}
+            >
               <Icon size={16} className="shrink-0" />
-              <span>{tabInfo.label}</span>
-            </div>
-            {(tab === "developers" || tab === "feedback") && (
-              <ExternalLinkIcon className="shrink-0 text-neutral-500" />
-            )}
-          </Button>
+              {tabInfo.label}
+            </Button>
+          </div>
         );
       })}
     </div>
@@ -229,7 +229,7 @@ function TopLevelHeader() {
   return (
     <header
       data-tauri-drag-region
-      className="h-9 w-full bg-neutral-50 rounded-lg flex items-center justify-center relative"
+      className="h-9 w-full bg-neutral-50 rounded-xl flex items-center justify-center relative"
     >
       <h1
         data-tauri-drag-region
@@ -269,7 +269,7 @@ function InnerHeader({
   return (
     <header
       data-tauri-drag-region
-      className="h-9 w-full bg-neutral-50 rounded-lg flex items-center justify-center px-2 relative"
+      className="h-9 w-full bg-neutral-50 rounded-xl flex items-center justify-center px-2 relative"
     >
       <div className="absolute left-2">
         <Button
diff --git a/packages/ui/src/components/ui/button.tsx b/packages/ui/src/components/ui/button.tsx
index 72739f391f..53e86d7ba1 100644
--- a/packages/ui/src/components/ui/button.tsx
+++ b/packages/ui/src/components/ui/button.tsx
@@ -5,7 +5,7 @@ import * as React from "react";
 import { cn } from "@hypr/utils";
 
 const buttonVariants = cva(
-  "cursor-pointer disabled:cursor-not-allowed inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  "cursor-pointer disabled:cursor-not-allowed inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-lg text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
   {
     variants: {
       variant: {
@@ -22,8 +22,8 @@ const buttonVariants = cva(
       },
       size: {
         default: "h-9 px-4 py-2",
-        sm: "h-7 rounded-md px-2 text-xs",
-        lg: "h-10 rounded-md px-8",
+        sm: "h-7 px-2 text-xs",
+        lg: "h-10 px-8",
         icon: "size-7",
       },
     },