diff --git a/src/Containers/Footer/Footer.scss b/src/Containers/Footer/Footer.scss
index e5bb8792..ae453b27 100644
--- a/src/Containers/Footer/Footer.scss
+++ b/src/Containers/Footer/Footer.scss
@@ -104,4 +104,4 @@
     width: 50%;
     height: 100%;
   }
-}
\ No newline at end of file
+}
diff --git a/src/Pages/Home/index.tsx b/src/Pages/Home/index.tsx
index 0e10e810..6fb7109c 100644
--- a/src/Pages/Home/index.tsx
+++ b/src/Pages/Home/index.tsx
@@ -176,27 +176,31 @@ const Home = () => {
 
 
 	return (
-		<IonPage className="ion-page-width">
+		<IonPage 
+			className="ion-page-width"
+		>
 			<HomeHeader>
 				<BalanceCard />
 			</HomeHeader>
-			<IonContent scrollY={false}>
-				<IonRefresher slot="fixed" onIonRefresh={handleRefresh}>
-					<IonRefresherContent></IonRefresherContent>
-				</IonRefresher>
-				<Virtuoso
-					style={{ height: "100%" }}
-					data={operations}
-					defaultItemHeight={56}
-					itemContent={(_, op) => (
-
-						<div
-							key={op.operationId}
-							style={{
-								minHeight: 56,
-								padding: "0 1rem"
-							}}
-						>
+		<IonContent 
+			scrollY={false}
+		>
+			<IonRefresher slot="fixed" onIonRefresh={handleRefresh}>
+				<IonRefresherContent></IonRefresherContent>
+			</IonRefresher>
+			<Virtuoso
+				style={{ height: "100%" }}
+				data={operations}
+				defaultItemHeight={56}
+				itemContent={(_, op) => (
+
+					<div
+						key={op.operationId}
+						style={{
+							minHeight: 56,
+							padding: "0 1rem"
+						}}
+					>
 							<HistoryItem
 								operation={op}
 								handleSelectOperation={handleSelectOperation}
@@ -204,26 +208,26 @@ const Home = () => {
 						</div>
 					)}
 				/>
-			</IonContent>
-			<IonFooter className={`ion-no-border ${styles["footer"]}`}>
-				<div className={styles["toolbar"]}>
-					<div className={styles["button-container"]}>
-						<IonButton color="light" className={`${styles["toolbar-button"]} ${styles["toolbar-button-left"]}`} expand="full" routerLink="/receive" routerDirection="forward">
-							<IonIcon slot="start" icon={downloadOutline} ></IonIcon>
-							Receive
-						</IonButton>
-					</div>
-					<div className={styles["button-container"]}>
-						<IonButton color="light" className={`${styles["toolbar-button"]} ${styles["toolbar-button-right"]}`} expand="full" routerLink="/send" routerDirection="forward">
-							<IonIcon slot="start" icon={paperPlaneOutline} ></IonIcon>
-							Send
-						</IonButton>
-					</div>
-					<IonButton color="primary" shape="round" className={styles["fab-button"]} onClick={openScan}>
-						<IonIcon slot="icon-only" icon={qrCodeOutline} />
+		</IonContent>
+		<IonFooter className={`ion-no-border ${styles["footer"]}`}>
+			<div className={styles["toolbar"]}>
+				<div className={styles["button-container"]}>
+					<IonButton color="light" className={`${styles["toolbar-button"]} ${styles["toolbar-button-left"]}`} expand="full" routerLink="/receive" routerDirection="forward">
+						<IonIcon slot="start" icon={downloadOutline} ></IonIcon>
+						Receive
 					</IonButton>
 				</div>
-			</IonFooter>
+				<div className={styles["button-container"]}>
+					<IonButton color="light" className={`${styles["toolbar-button"]} ${styles["toolbar-button-right"]}`} expand="full" routerLink="/send" routerDirection="forward">
+						<IonIcon slot="start" icon={paperPlaneOutline} ></IonIcon>
+						Send
+					</IonButton>
+				</div>
+				<IonButton color="primary" shape="round" className={styles["fab-button"]} onClick={openScan}>
+					<IonIcon slot="icon-only" icon={qrCodeOutline} />
+				</IonButton>
+			</div>
+		</IonFooter>
 			{
 				loadOperationModal &&
 				<Suspense fallback={null}>
diff --git a/src/Pages/Home/styles/index.module.scss b/src/Pages/Home/styles/index.module.scss
index a1a299d1..296bb9de 100644
--- a/src/Pages/Home/styles/index.module.scss
+++ b/src/Pages/Home/styles/index.module.scss
@@ -1,59 +1,44 @@
 .footer {
-
-
-
-
 	.toolbar {
 		display: flex !important;
 		position: relative;
-
+		padding-bottom: var(--ion-safe-area-bottom, 0px);
 
 		.button-container:first-of-type {
 			border-right: 1px solid var(--ion-color-primary);
 		}
 
-
-
 		.button-container {
 			flex: 1;
 
-
 			ion-button.toolbar-button {
 				flex: 1;
 				margin: 0;
 
-
-
 				&::part(native) {
 					box-shadow: none;
 					height: 56px;
 					border-top: 2px solid var(--ion-color-primary);
 					margin: 0px;
-
 				}
 
 				&.toolbar-button-left {
 					&::part(native) {
 						border-left: 2px solid var(--ion-color-primary);
-
-
 					}
 				}
 
 				&.toolbar-button-right {
 					&::part(native) {
 						border-right: 2px solid var(--ion-color-primary);
-
 					}
 				}
-
 			}
 		}
 
-
 		.fab-button {
 			margin: 0;
-			z-index: 999999;
+			z-index: 10;
 			position: absolute;
 			height: 50px;
 			width: 50px;
@@ -61,7 +46,5 @@
 			left: 50%;
 			top: -25px;
 		}
-
-
 	}
 }
diff --git a/src/theme/variables.css b/src/theme/variables.css
index 17f5bc62..47c1446a 100644
--- a/src/theme/variables.css
+++ b/src/theme/variables.css
@@ -843,3 +843,7 @@ ion-popover.custom-dropdown-popover {
 .ion-content-no-footer::part(scroll) {
 	padding-bottom: var(--ion-safe-area-bottom, 0);
 }
+
+ion-footer {
+	padding-bottom: var(--ion-safe-area-bottom, 0px);
+}