diff --git a/packages/apps-config/src/endpoints/productionRelayKusama.ts b/packages/apps-config/src/endpoints/productionRelayKusama.ts
index 0c835f25bb..d24438981f 100644
--- a/packages/apps-config/src/endpoints/productionRelayKusama.ts
+++ b/packages/apps-config/src/endpoints/productionRelayKusama.ts
@@ -865,7 +865,7 @@ export const prodRelayKusama: EndpointOption = {
   teleport: getTeleports(prodParasKusamaCommon),
   text: 'Kusama',
   ui: {
-    color: '#000',
+    color: '#000000',
     logo: chainsKusamaSVG
   }
 };
diff --git a/packages/apps/src/Menu/Item.tsx b/packages/apps/src/Menu/Item.tsx
index 384b60b3dd..809e6d2a53 100644
--- a/packages/apps/src/Menu/Item.tsx
+++ b/packages/apps/src/Menu/Item.tsx
@@ -24,7 +24,7 @@ function Item ({ className = '', classNameText, isLink, isToplevel, route: { Mod
   const count = useCounter();
 
   return (
-    <StyledLi className={`${className} ui--MenuItem ${count ? 'withCounter' : ''} ${isLink ? 'isLink' : ''} ${isToplevel ? 'topLevel  highlight--color-contrast' : ''}`}>
+    <StyledLi className={`${className} ui--MenuItem ${count ? 'withCounter' : ''} ${isLink ? 'isLink' : ''} ${isToplevel ? 'topLevel highlight--color-contrast' : ''}`}>
       <a
         href={Modal ? undefined : (href || `#/${name}`)}
         onClick={Modal ? toggleModal : undefined}
@@ -35,7 +35,7 @@ function Item ({ className = '', classNameText, isLink, isToplevel, route: { Mod
         <span className={classNameText}>{text}</span>
         {!!count && (
           <Badge
-            color={'white'}
+            color='white'
             info={count}
           />
         )}