diff --git a/Web/FrontController.hs b/Web/FrontController.hs
index aaa136d..0951be5 100644
--- a/Web/FrontController.hs
+++ b/Web/FrontController.hs
@@ -160,8 +160,8 @@ defaultLayout inner = [hsx|
             <script src="/vendor/ihp-auto-refresh.js"></script>
             <script src="/js/ihf-annotation-launcher.js"></script>
         </head>
-        <body class="bg-gray-50 text-gray-900 min-h-screen flex flex-col">
-            <nav class="bg-white border-b border-gray-200 px-6 py-3 flex items-center flex-shrink-0">
+        <body class="bg-gray-50 text-gray-900" style="min-height:100vh;display:flex;flex-direction:column">
+            <nav class="bg-white border-b border-gray-200 px-6 py-3 flex items-center">
                 <a href={LandingAction} class="font-semibold text-indigo-600">inter-hub</a>
                 <div class="ml-auto flex items-center gap-5">
                     <a href={CapabilitiesAction} class="text-sm text-gray-500 hover:text-gray-900">About</a>
@@ -174,7 +174,7 @@ defaultLayout inner = [hsx|
                     </form>
                 </div>
             </nav>
-            <div class="flex flex-1">
+            <div class="flex" style="flex:1">
                 <aside class="w-48 bg-white border-r border-gray-200 flex-shrink-0 overflow-y-auto">
                     <nav class="px-3 py-4 space-y-0.5">
                         <a href={HubsAction} class="block px-3 py-1.5 text-sm text-gray-700 rounded hover:bg-gray-100">Hubs</a>
@@ -208,7 +208,7 @@ defaultLayout inner = [hsx|
                         <a href={MarketplaceDashboardAction} class="block px-3 py-1.5 text-sm text-gray-700 rounded hover:bg-gray-100">Marketplace</a>
                     </nav>
                 </aside>
-                <main class="flex-1 px-8 py-8 overflow-y-auto">
+                <main class="px-8 py-8 overflow-y-auto" style="flex:1">
                     <div class="max-w-5xl">
                         {inner}
                     </div>
