fix icon ui

src/styles.css

@@ -214,47 +214,27 @@ button {
 .browser-nav-icon {
   width: 42px;
   height: 42px;
-  border-radius: 13px;
+  border-radius: 0;
   color: #fff;
   font-weight: 700;
   font-size: 0.86rem;
   letter-spacing: 0.08em;
-  background: linear-gradient(135deg, #10213f, #365f9f);
+  background: transparent;
+  overflow: visible;
 }
 
 .browser-nav-icon img,
 .config-icon img {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-}
-
-.browser-nav-item.chrome .browser-nav-icon {
-  --accent: var(--chrome);
-}
-
-.browser-nav-item.edge .browser-nav-icon {
-  --accent: var(--edge);
-}
-
-.browser-nav-item.brave .browser-nav-icon {
-  --accent: var(--brave);
-}
-
-.browser-nav-item.chrome .browser-nav-icon {
-  background: linear-gradient(135deg, #2563eb, #22c55e);
-}
-
-.browser-nav-item.edge .browser-nav-icon {
-  background: linear-gradient(135deg, #0f766e, #38bdf8);
-}
-
-.browser-nav-item.brave .browser-nav-icon {
-  background: linear-gradient(135deg, #c2410c, #fb923c);
+  display: block;
+  width: auto;
+  height: auto;
+  max-width: 38px;
+  max-height: 38px;
+  object-fit: contain;
 }
 
 .config-nav-icon {
-  background: linear-gradient(135deg, #334155, #64748b);
+  background: transparent;
 }
 
 .sidebar-utility-nav {
@@ -482,8 +462,9 @@ button {
 .config-icon {
   width: 36px;
   height: 36px;
-  border-radius: 11px;
+  border-radius: 0;
   font-size: 0.8rem;
+  overflow: visible;
 }
 
 .config-meta {