diff --git a/src/components/menu/BottomNav.tsx b/src/components/menu/BottomNav.tsx
index 9dc72321..b0590bea 100644
--- a/src/components/menu/BottomNav.tsx
+++ b/src/components/menu/BottomNav.tsx
@@ -101,7 +101,6 @@ export const BottomNav = (): JSX.Element => {
{
dispatch(toggleMobileNav());
}}
diff --git a/src/components/menu/BottomNavItem.tsx b/src/components/menu/BottomNavItem.tsx
index a37f97d7..8b48f5b9 100644
--- a/src/components/menu/BottomNavItem.tsx
+++ b/src/components/menu/BottomNavItem.tsx
@@ -5,7 +5,7 @@ import { m } from 'framer-motion';
import { Tooltip } from '@components/generic/Tooltip';
export interface BottomNavItemProps {
- tooltip: string;
+ tooltip?: string;
onClick?: () => void;
className?: string;
children: React.ReactNode;
diff --git a/src/components/modals/VersionInfo.tsx b/src/components/modals/VersionInfo.tsx
index 9bdf3377..ee6dac86 100644
--- a/src/components/modals/VersionInfo.tsx
+++ b/src/components/modals/VersionInfo.tsx
@@ -70,6 +70,7 @@ export const VersionInfo = ({
} />
diff --git a/src/index.css b/src/index.css
index b855a35f..a5706ef1 100644
--- a/src/index.css
+++ b/src/index.css
@@ -34,6 +34,7 @@
padding: 0 !important;
}
+/* JSONPretty */
.__json-pretty__ {
line-height: 1.3;
color: #748096;
@@ -56,3 +57,22 @@
color: #748096;
overflow: auto;
}
+
+/* Mobile height fix */
+/* .min-h-fill {
+ min-height: -webkit-fill-available;
+}
+
+.h-fill {
+ height: -webkit-fill-available;
+} */
+
+body {
+ min-height: 100vh;
+ /* mobile viewport bug fix */
+ min-height: -webkit-fill-available;
+}
+
+html {
+ height: -webkit-fill-available;
+}