second iteration of the new sidebar

frontend/src/views/Settings/BillingSettingsPage/BillingSettingsPage.tsx

@@ -1,7 +1,5 @@
 import { useTranslation } from "react-i18next";
 
-import NavHeader from "@app/components/navigation/NavHeader";
-
 import {
   BillingTabGroup
 } from "./components";
@@ -10,9 +8,8 @@ export const BillingSettingsPage = () => {
     const { t } = useTranslation();
     return (
       <div className="flex justify-center bg-bunker-800 text-white w-full h-full px-6">
-        <div className="max-w-screen-lg w-full">
-          <NavHeader pageName={t("billing.title")} />
-          <div className="my-8">
+        <div className="max-w-7xl w-full">
+          <div className="my-6">
               <p className="text-3xl font-semibold text-gray-200">{t("billing.title")}</p>
             <div />
           </div>

frontend/src/views/Settings/BillingSettingsPage/components/BillingTabGroup/BillingTabGroup.tsx

@@ -20,7 +20,7 @@ export const BillingTabGroup = () => {
                         {({ selected }) => (
                             <button 
                                 type="button"
-                                className={`w-30 p-4 font-semibold outline-none ${selected ? "border-b-2 border-white text-white" : "text-mineshaft-400"}`}
+                                className={`w-30 py-2 mx-2 mr-4 font-medium text-sm outline-none ${selected ? "border-b border-white text-white" : "text-mineshaft-400"}`}
                             >
                                 {tab.name}
                             </button>