diff --git a/apps/etherscan/src/app/components/HeaderWithSettings.tsx b/apps/etherscan/src/app/components/HeaderWithSettings.tsx
index 7b133568350..8f302dd5966 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/libs/remix-ui/run-tab/src/lib/components/recorderCardUI.tsx b/libs/remix-ui/run-tab/src/lib/components/recorderCardUI.tsx
index 55123e0f8c1..c83e0331361 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