apply sizing fixes

ui/src/app/dashboard/page.tsx

@@ -178,8 +178,7 @@ export default function Dashboard() {
                     className="mt-3 max-w-sm rounded border border-gray-800"
                   />
                 </li>
-                <li className="space-y-3">
-                  <span>Sign in with Hugging Face to create and track your jobs.</span>
+                <li>
                   <HFLoginButton size="md" />
                 </li>
               </ol>

ui/src/components/layout.tsx

@@ -9,7 +9,7 @@ export const TopBar: React.FC<Props> = ({ children, className }) => {
   return (
     <div
       className={classNames(
-        'absolute top-0 left-0 w-full h-12  dark:bg-gray-900 shadow-sm z-10 flex items-center px-2',
+        'absolute top-0 left-0 w-full h-12 bg-gray-900 shadow-sm z-20 flex items-center px-2',
         className,
       )}
     >
@@ -20,7 +20,7 @@ export const TopBar: React.FC<Props> = ({ children, className }) => {
 
 export const MainContent: React.FC<Props> = ({ children, className }) => {
   return (
-    <div className={classNames('pt-14 px-4 absolute top-0 left-0 w-full h-full overflow-auto', className)}>
+    <div className={classNames('pt-20 px-4 absolute top-0 left-0 w-full h-full overflow-auto', className)}>
       {children ? children : null}
     </div>
   );