From a4471f20c069ca12c57646444431353b5298b65f Mon Sep 17 00:00:00 2001
From: rsmith-github <rsmith.git@gmail.com>
Date: Mon, 25 Jul 2022 05:05:51 +0100
Subject: [PATCH] fix: change css from LayoutEmbed.js instead of style.css

---
 src/components/LayoutEmbed.js | 7 ++++++-
 src/style.css                 | 4 ----
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/components/LayoutEmbed.js b/src/components/LayoutEmbed.js
index ee5e2c0e5..9ae12f30a 100644
--- a/src/components/LayoutEmbed.js
+++ b/src/components/LayoutEmbed.js
@@ -269,7 +269,12 @@ export default function Layout({ children, isFloatingDisabled }) {
             {/* eslint-disable-next-line @next/next/no-img-element */}
             <img alt="zoom-in" src={zoomIn} />
           </Box>
-          <Box onClick={handleZoomOut}>
+          <Box
+            onClick={handleZoomOut}
+            sx={{
+              '& img': { display: 'block' },
+            }}
+          >
             {/* eslint-disable-next-line @next/next/no-img-element */}
             <img alt="zoom-out" src={zoomOut} />
           </Box>
diff --git a/src/style.css b/src/style.css
index 6f8495fd6..70a0874e7 100644
--- a/src/style.css
+++ b/src/style.css
@@ -150,7 +150,3 @@ a:hover {
   background-position: center;
   background-size: cover;
 }
-
-.mui-1g16ym9 .mui-0 ~ .mui-0 img {
-  float: left;
-}