diff --git a/.gitmodules b/.gitmodules
index b5081fc6f..d40fc0b10 100755
--- a/.gitmodules
+++ b/.gitmodules
@@ -6,4 +6,4 @@
 	url = https://github.com/berachain/berancer-sdk.git
 [submodule "secrets"]
 	path = secrets
-	url = https://github.com/berachain/internal-dapps-env.git
+	url = git@github.com:berachain/internal-dapps-env.git
diff --git a/apps/hub/src/app/Providers.tsx b/apps/hub/src/app/Providers.tsx
index f5b9b3fef..b8a4caa23 100755
--- a/apps/hub/src/app/Providers.tsx
+++ b/apps/hub/src/app/Providers.tsx
@@ -24,7 +24,12 @@ export default function Providers({ children }: PropsWithChildren<any>) {
       <BeraWagmi>
         <BeraJsProvider configOverride={undefined}>
           <BlockTimeProvider>
-            <ThemeProvider attribute="class" defaultTheme="dark" enableSystem>
+            <ThemeProvider
+              attribute="class"
+              defaultTheme="dark"
+              forcedTheme="dark"
+              themes={["dark"]}
+            >
               {children}
             </ThemeProvider>
           </BlockTimeProvider>
diff --git a/apps/hub/src/app/layout.tsx b/apps/hub/src/app/layout.tsx
index 2a09a12c0..11e40a1ca 100755
--- a/apps/hub/src/app/layout.tsx
+++ b/apps/hub/src/app/layout.tsx
@@ -68,7 +68,7 @@ export default function RootLayout(props: { children: React.ReactNode }) {
               <Toaster position="bottom-right" />
             </div>
             <div className="z-10 flex-1">
-              <Header navItems={navItems} appName={hubName} />
+              <Header navItems={navItems} appName={hubName} hideTheme />
               <MainWithBanners
                 // mt-8 should probably be removed
                 className="mt-8"
diff --git a/apps/hub/src/components/hero-card.tsx b/apps/hub/src/components/hero-card.tsx
index 3ab963b75..111de37c1 100644
--- a/apps/hub/src/components/hero-card.tsx
+++ b/apps/hub/src/components/hero-card.tsx
@@ -76,7 +76,7 @@ export const HeroCards: React.FC = () => {
         width={2100}
         height={100}
       />
-      <div className="z-1 grid w-full auto-rows-[330px] grid-cols-1 justify-around gap-6 md:grid-cols-2 lg:grid-cols-4">
+      <div className="z-1 grid w-full auto-rows-[330px] grid-cols-1 justify-around gap-6 md:grid-cols-2 xl:grid-cols-4">
         {cards.map((card, index) => (
           <HeroCard key={index} {...card} />
         ))}
diff --git a/packages/shared-ui/src/connect-button.tsx b/packages/shared-ui/src/connect-button.tsx
index 98289d0d7..97da8270d 100755
--- a/packages/shared-ui/src/connect-button.tsx
+++ b/packages/shared-ui/src/connect-button.tsx
@@ -30,11 +30,13 @@ export const ConnectButton = ({
   isNavItem = false,
   isHoney = false,
   isPopover = true,
+  disableThemeToggle = false,
 }: {
   className?: string;
   isNavItem?: boolean;
   isHoney?: boolean;
   isPopover?: boolean;
+  disableThemeToggle?: boolean;
 }) => {
   const { isConnected, isWrongNetwork, isReady } = useBeraJs();
   return (
@@ -58,7 +60,11 @@ export const ConnectButton = ({
         <SwitchNetworkBtn className={className} />
       )}
       {isReady && (
-        <ConnectedWalletPopover isPopover={isPopover} isHoney={isHoney} />
+        <ConnectedWalletPopover
+          isPopover={isPopover}
+          isHoney={isHoney}
+          disableThemeToggle={disableThemeToggle}
+        />
       )}
     </>
   );
diff --git a/packages/shared-ui/src/connected-wallet-popover.tsx b/packages/shared-ui/src/connected-wallet-popover.tsx
index 5944ef38c..bc632446b 100755
--- a/packages/shared-ui/src/connected-wallet-popover.tsx
+++ b/packages/shared-ui/src/connected-wallet-popover.tsx
@@ -19,9 +19,11 @@ import { WalletBalanceInUs } from "./wallet-balance-in-us";
 export default function ConnectedWalletPopover({
   isHoney = false,
   isPopover = true,
+  disableThemeToggle = false,
 }: {
   isHoney?: boolean;
   isPopover?: boolean;
+  disableThemeToggle?: boolean;
 }) {
   const [openPopover, setOpenPopover] = React.useState(false);
   const [openModal, setOpenModal] = React.useState(false);
@@ -140,7 +142,11 @@ export default function ConnectedWalletPopover({
           </Tabs>
         </>
       ) : (
-        <Setting goback={() => setSetting(false)} isHoney={isHoney} />
+        <Setting
+          goback={() => setSetting(false)}
+          isHoney={isHoney}
+          disableThemeToggle={disableThemeToggle}
+        />
       )}
     </>
   );
diff --git a/packages/shared-ui/src/header.tsx b/packages/shared-ui/src/header.tsx
index f3846f8d6..70e28f20c 100755
--- a/packages/shared-ui/src/header.tsx
+++ b/packages/shared-ui/src/header.tsx
@@ -66,7 +66,11 @@ export function Header({
           </Link> */}
           {isReady && <BGTStatusBtn isHub={appName === hubName} />}
           {!hideConnectBtn && (
-            <ConnectButton isNavItem={true} isHoney={isHoney} />
+            <ConnectButton
+              isNavItem={true}
+              isHoney={isHoney}
+              disableThemeToggle={hideTheme}
+            />
           )}
           <MobileDropdown navItems={isHoney ? mobileNavItems : navItems} />
         </div>
diff --git a/packages/shared-ui/src/settings.tsx b/packages/shared-ui/src/settings.tsx
index 818622c44..205a00e98 100755
--- a/packages/shared-ui/src/settings.tsx
+++ b/packages/shared-ui/src/settings.tsx
@@ -32,9 +32,11 @@ export enum TRANSACTION_MODE {
 export const Setting = ({
   goback,
   isHoney,
+  disableThemeToggle,
 }: {
   goback: () => void;
   isHoney: boolean;
+  disableThemeToggle?: boolean;
 }) => {
   const [slippageMode, setSlippageMode] = useLocalStorage<SLIPPAGE_MODE>(
     SLIPPAGE_TOLERANCE_TYPE,
@@ -64,7 +66,7 @@ export const Setting = ({
       <div
         className={cn(
           "flex flex-col gap-2 text-sm font-medium",
-          isHoney && "pointer-events-none opacity-50",
+          (isHoney || disableThemeToggle) && "pointer-events-none opacity-50",
         )}
       >
         Theme