From a1e6823ccb5334219ca5d099652da05446046d24 Mon Sep 17 00:00:00 2001
From: lianahus <liana@ethereum.org>
Date: Tue, 5 Dec 2023 11:47:25 +0100
Subject: [PATCH] cleanup

e2e`
---
 apps/etherscan/src/app/components/HeaderWithSettings.tsx    | 2 +-
 apps/remix-ide-e2e/src/tests/walkthrough.test.ts            | 2 +-
 libs/remix-ui/run-tab/src/lib/components/recorderCardUI.tsx | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/etherscan/src/app/components/HeaderWithSettings.tsx b/apps/etherscan/src/app/components/HeaderWithSettings.tsx
index 7b13356835..8f302dd596 100644
--- a/apps/etherscan/src/app/components/HeaderWithSettings.tsx
+++ b/apps/etherscan/src/app/components/HeaderWithSettings.tsx
@@ -67,7 +67,7 @@ const SettingsIcon: React.FC<IconProps> = ({from}: IconProps) => {
   )
 }
 
-export const  HeaderWithSettings: React.FC<Props> = ({title = '', from}) => {
+export const HeaderWithSettings: React.FC<Props> = ({title = '', from}) => {
   return (
     <AppContext.Consumer>
       {() => (
diff --git a/apps/remix-ide-e2e/src/tests/walkthrough.test.ts b/apps/remix-ide-e2e/src/tests/walkthrough.test.ts
index 67359f956a..3ef2982a10 100644
--- a/apps/remix-ide-e2e/src/tests/walkthrough.test.ts
+++ b/apps/remix-ide-e2e/src/tests/walkthrough.test.ts
@@ -15,6 +15,6 @@ module.exports = {
       .waitForElementPresent('*[data-id="recorderStartWalkthrough"]')
       .click('*[data-id="recorderStartWalkthrough"]')
       .waitForElementPresent('*[id="remixRecorderWalkthrowTitle"]')
-      .waitForElementPresent('*[id="remixRecorderExpanded"]')
+      .waitForElementPresent('*[data-id="remixRecorderExpanded"]')
   }
 }
\ No newline at end of file
diff --git a/libs/remix-ui/run-tab/src/lib/components/recorderCardUI.tsx b/libs/remix-ui/run-tab/src/lib/components/recorderCardUI.tsx
index 55123e0f8c..c83e033136 100644
--- a/libs/remix-ui/run-tab/src/lib/components/recorderCardUI.tsx
+++ b/libs/remix-ui/run-tab/src/lib/components/recorderCardUI.tsx
@@ -72,7 +72,7 @@ export function RecorderUI(props: RecorderProps) {
           </span>
         </div>
       </div>
-      { toggleExpander && <div className={`pb-2 flex-column ${toggleExpander ? 'd-flex' : 'd-none'}`} data-id='remixRecorderExpanded'>
+      { toggleExpander && <div className={`pb-2 flex-column d-flex`} data-id='remixRecorderExpanded'>
         <div className="mb-1 mt-1 custom-control custom-checkbox mb-1" id='udappRecorderUseLatest'>
           <input ref={inputLive} type="checkbox" id="livemode-recorder" className="custom-control-input custom-select" name="input-livemode" />
           <CustomTooltip