Change some colors

src/components/Sidebar.tsx

@@ -51,13 +51,12 @@ export default function Sidebar(props: Props) {
     };
     return (
         <Menu
-            className="text-center"
             isOpen={isOpen}
             onStateChange={(state) => setIsOpen(state.isOpen)}
             itemListElement="div"
         >
             <div style={{ outline: 'none' }}>
-                <h4>{constants.SUBSCRIPTION_PLAN}</h4>
+                <h4 style={{ marginBottom: '20px' }}>{constants.SUBSCRIPTION_PLAN}</h4>
                 {constants.SUBSCRIPTION_INFO(
                     subscription?.productID,
                     subscription?.expiryTime

src/pages/_app.tsx

@@ -151,7 +151,7 @@ const GlobalStyles = createGlobalStyle`
         background: #bdbdbd;
     }
     .bm-menu {
-        background: #373a47;
+        background: #131313;
         padding: 2.5em 1.5em 0;
         font-size: 1.15em;
         color:#fff

src/utils/strings/englishConstants.tsx

@@ -103,7 +103,7 @@ const englishConstants = {
     SUBSCRIPTION_CHANGE_DISABLED:
         'sorry, this operation is currently not supported on the web, please check your mobile app',
     SUBSCRIPTION_PLAN: 'subscription plan',
-    USAGE_DETAILS: 'Usage Details',
+    USAGE_DETAILS: 'usage details',
     SUBSCRIPTION_INFO: (productID, expiryTime) => (
         <>
             <p>