diff --git a/frontend/src/components/navigation/NavHeader.tsx b/frontend/src/components/navigation/NavHeader.tsx
index 4bbdce1bc..ee7274fdc 100644
--- a/frontend/src/components/navigation/NavHeader.tsx
+++ b/frontend/src/components/navigation/NavHeader.tsx
@@ -57,7 +57,7 @@ export default function NavHeader({
   );
 
   return (
-    <div className="flex flex-row items-center pt-6">
+    <div className="ml-4 flex flex-row items-center pt-6">
       <div className="mr-2 flex h-6 w-6 items-center justify-center rounded-md bg-primary-900 text-mineshaft-100">
         {currentOrg?.name?.charAt(0)}
       </div>
diff --git a/frontend/src/views/Settings/BillingSettingsPage/BillingSettingsPage.tsx b/frontend/src/views/Settings/BillingSettingsPage/BillingSettingsPage.tsx
index 32f61c006..ae5c01c85 100644
--- a/frontend/src/views/Settings/BillingSettingsPage/BillingSettingsPage.tsx
+++ b/frontend/src/views/Settings/BillingSettingsPage/BillingSettingsPage.tsx
@@ -9,16 +9,18 @@ import {
 export const BillingSettingsPage = () => {
     const { t } = useTranslation();
     return (
-      <div className="h-full p-8">
+      <div className="h-full py-8 px-4">
         <NavHeader pageName={t("billing.title")} />
         
-        <div className="flex text-3xl mt-8 items-start max-w-screen-lg">
+        <div className="ml-4 flex text-3xl mt-8 items-start max-w-screen-lg">
           <div className="flex-1">
             <p className="font-semibold text-gray-200">{t("billing.title")}</p>
           </div>
           <div />
         </div>
-        <BillingTabGroup />
+        <div className="ml-4">
+          <BillingTabGroup />
+        </div>
       </div>
     );
 };
\ No newline at end of file