diff --git a/frontend/src/container/ExplorerOptions/ExplorerOptions.styles.scss b/frontend/src/container/ExplorerOptions/ExplorerOptions.styles.scss
index 8af1e4ad0a..2076b858f9 100644
--- a/frontend/src/container/ExplorerOptions/ExplorerOptions.styles.scss
+++ b/frontend/src/container/ExplorerOptions/ExplorerOptions.styles.scss
@@ -1,18 +1,27 @@
+.explorer-options-container {
+	position: fixed;
+	bottom: 24px;
+	left: calc(50% + 240px);
+	transform: translate(calc(-50% - 120px), 0);
+	transition: left 0.2s linear;
+
+	display: flex;
+	gap: 16px;
+	background-color: transparent;
+}
+
 .hide-update {
 	left: calc(50% - 72px) !important;
 }
+
 .explorer-update {
-	position: fixed;
-	bottom: 24px;
-	left: calc(50% - 352px);
-	display: flex;
+	display: inline-flex;
 	align-items: center;
 	gap: 12px;
 	padding: 10px 12px;
 	border-radius: 50px;
 	border: 1px solid var(--bg-slate-400);
 	background: rgba(22, 24, 29, 0.6);
-	box-shadow: 4px 4px 16px 4px rgba(0, 0, 0, 0.25);
 	backdrop-filter: blur(20px);
 
 	.action-icon {
@@ -38,16 +47,10 @@
 }
 
 .explorer-options {
-	position: fixed;
-	bottom: 24px;
-	left: calc(50% + 240px);
 	padding: 10px 12px;
-	transform: translate(calc(-50% - 120px), 0);
-	transition: left 0.2s linear;
 	border: 1px solid var(--bg-slate-400);
 	border-radius: 50px;
 	background: rgba(22, 24, 29, 0.6);
-	box-shadow: 4px 4px 16px 4px rgba(0, 0, 0, 0.25);
 	backdrop-filter: blur(20px);
 
 	cursor: default;
@@ -124,7 +127,7 @@
 
 .app-content {
 	&.collapsed {
-		.explorer-options {
+		.explorer-options-container {
 			left: calc(50% + 72px);
 		}
 	}
diff --git a/frontend/src/container/ExplorerOptions/ExplorerOptions.tsx b/frontend/src/container/ExplorerOptions/ExplorerOptions.tsx
index 7253b45b94..1aaf22f796 100644
--- a/frontend/src/container/ExplorerOptions/ExplorerOptions.tsx
+++ b/frontend/src/container/ExplorerOptions/ExplorerOptions.tsx
@@ -289,7 +289,7 @@ function ExplorerOptions({
 	const isEditDeleteSupported = allowedRoles.includes(role as string);
 
 	return (
-		<>
+		<div className="explorer-options-container">
 			{isQueryUpdated && !isExplorerOptionHidden && (
 				<div
 					className={cx(
@@ -493,7 +493,7 @@ function ExplorerOptions({
 					onExport={onExport}
 				/>
 			</Modal>
-		</>
+		</div>
 	);
 }