Fix rectangular focus indicators

gitpod-io · Nov 11, 2023 · dbd30f7 · dbd30f7
1 parent a036a30
commit dbd30f7
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/components/dashboard/src/components/PageWithSubMenu.tsx b/components/dashboard/src/components/PageWithSubMenu.tsx
@@ -67,15 +67,15 @@ export const SubmenuItem: FC<SubmenuItemProps> = ({ title, link, icon }) => {
         }
     }, [link, location.pathname]);
 
-    let classes = "flex justify-between block py-2 px-4 rounded-md whitespace-nowrap max-w-52";
+    let classes = "flex justify-between block py-2 px-4 whitespace-nowrap max-w-52";
 
     if (link.some((l) => l === location.pathname)) {
         classes += " bg-gray-300 text-gray-800 dark:bg-gray-800 dark:text-gray-50";
     } else {
         classes += " hover:bg-gray-100 dark:hover:bg-gray-800";
     }
     return (
-        <Link to={link[0]} key={title} className="md:w-full">
+        <Link to={link[0]} key={title} className="md:w-full rounded-md">
             <li ref={itemRef} className={classes}>
                 {title} {icon}
             </li>

diff --git a/components/dashboard/src/configurations/detail/ConfigurationDetailPage.tsx b/components/dashboard/src/configurations/detail/ConfigurationDetailPage.tsx
@@ -70,7 +70,7 @@ function getConfigurationsMenu(id: string): SubmenuItemProps[] {
         {
             title: "General",
             link: [base],
-            icon: <HelpCircle />,
+            icon: <HelpCircle size={20} />,
         },
         {
             title: "Gitpod YAML",