fix(ui): fix base components styling (#9528)

openhands-ui/components/button/utils.ts

@@ -21,13 +21,7 @@ export const buttonStyles: Record<ComponentVariant, ButtonStyle> = {
       "disabled:opacity-50",
     ]),
     icon: cn(["text-primary-500"]),
-    text: cn([
-      "text-primary-500",
-      // hover modifier
-      "group-enabled:group-hover:font-semibold",
-      // focus modifier
-      "group-enabled:group-focus:font-semibold",
-    ]),
+    text: cn(["text-primary-500"]),
   },
   secondary: {
     button: cn([
@@ -42,13 +36,7 @@ export const buttonStyles: Record<ComponentVariant, ButtonStyle> = {
       "disabled:opacity-50",
     ]),
     icon: cn(["text-light-neutral-300"]),
-    text: cn([
-      "text-light-neutral-300",
-      // hover modifier
-      "group-enabled:group-hover:font-semibold",
-      // focus modifier
-      "group-enabled:group-focus:font-semibold",
-    ]),
+    text: cn(["text-light-neutral-300"]),
   },
   tertiary: {
     button: cn([
@@ -65,11 +53,6 @@ export const buttonStyles: Record<ComponentVariant, ButtonStyle> = {
     icon: cn(["text-primary-500"]),
     text: cn([
       "text-primary-500 underline",
-      // hover modifier
-      "group-enabled:group-hover:font-semibold",
-      // focus modifier
-      "group-enabled:group-focus:font-semibold",
-
       // disabled modifier
       "group-disabled:no-underline",
     ]),

openhands-ui/components/scrollable/Scrollable.tsx

@@ -38,8 +38,8 @@ export const Scrollable = ({
       tabIndex={tabIndex ?? 0}
       {...props}
       className={cn(
-        "scrollbar-thin scrollbar-thumb-light-neutral-700 scrollbar-track-grey-985",
-        "scrollbar-thumb-rounded-md scrollbar-track-rounded-md",
+        "scrollbar-thin scrollbar-thumb-light-neutral-700",
+        "scrollbar-thumb-rounded-md scrollbar-track-transparent",
         style,
         className
       )}

openhands-ui/components/toggle/Toggle.tsx

@@ -67,7 +67,7 @@ export const Toggle = ({
         <div
           className={cn(
             "rounded-full",
-            "absolute top-0.75 left-0.75 w-5 h-5 ",
+            "absolute top-1 left-1 w-4.5 h-4.5",
             "transition duration-300 ease-in-out",
             // base
             "bg-light-neutral-500 scale-100",