changes based on qa

libs/remix-ui/home-tab/src/lib/components/homeTabFeatured.tsx

@@ -12,7 +12,7 @@ function HomeTabFeatured() {
   const themeFilter = useContext(ThemeContext)
 
   return (
-    <div className="pt-1 pl-2" id="hTFeaturedeSection">
+    <div className="pt-1 pl-2 h-100" id="hTFeaturedeSection">
       <div className="mb-2 remix_ui-carousel-container">
         <div className="w-100 d-flex flex-column rounded-3 remix_ui-carouselbox">
           <ThemeContext.Provider value={themeFilter}>

libs/remix-ui/home-tab/src/lib/components/homeTabFile.tsx

@@ -216,7 +216,9 @@ contract HelloWorld {
 
   return (
     <>
-      <ModalDialog id="homeTab" title={'Import from ' + state.modalInfo.title} okLabel="Import" hide={!state.showModalDialog} handleHide={() => hideFullMessage()} okFn={() => processLoading(state.modalInfo.title)}>
+      <ModalDialog id="homeTab" title={'Import from ' + state.modalInfo.title}
+        okLabel="Import" hide={!state.showModalDialog} handleHide={() => hideFullMessage()}
+        okFn={() => processLoading(state.modalInfo.title)}>
         <div className="p-2 user-select-auto">
           {state.modalInfo.loadItem !== '' && <span>Enter the {state.modalInfo.loadItem} you would like to load.</span>}
           {state.modalInfo.examples.length !== 0 && (
@@ -270,7 +272,7 @@ contract HelloWorld {
             </div>
           )}
         </div>
-        <div className="d-flex flex-column flex-nowrap pt-3">
+        <div className="d-flex flex-column flex-nowrap pt-5">
           <label style={{ fontSize: '1.2rem' }}>
             <FormattedMessage id="home.files" />
           </label>
@@ -302,13 +304,16 @@ contract HelloWorld {
               <button className="btn text-nowrap p-2 mr-2 border my-1" onClick={() => showFullMessage('Ipfs', 'ipfs hash', ['ipfs://QmQQfBMkpDgmxKzYaoAtqfaybzfgGm9b2LWYyT56Chv6xH'], 'ipfs://')}>
               IPFS
               </button>
+              {/* <button className="btn text-nowrap p-2 mr-2 border my-1" data-id="landingPageImportFromGitHubButton" onClick={() => showFullMessage('GitHub', 'github URL', ['https://github.com/0xcert/ethereum-erc721/src/contracts/tokens/nf-token-metadata.sol', 'https://github.com/OpenZeppelin/openzeppelin-solidity/blob/67bca857eedf99bf44a4b6a0fc5b5ed553135316/contracts/access/Roles.sol'])}> */}
               <button className="btn text-nowrap p-2 mr-2 border my-1" data-id="landingPageImportFromGitHubButton" onClick={() => showFullMessage('GitHub', 'github URL', ['https://github.com/0xcert/ethereum-erc721/src/contracts/tokens/nf-token-metadata.sol', 'https://github.com/OpenZeppelin/openzeppelin-solidity/blob/67bca857eedf99bf44a4b6a0fc5b5ed553135316/contracts/access/Roles.sol'])}>
               Git Clone
               </button>
               <button className="btn text-nowrap p-2 mr-2 border my-1" data-id="landingPageImportFromGistButton" onClick={() => importFromGist()}>
                 Gist
               </button>
-
+            </div>
+          </div>
+          <div className="d-flex mt-2 align-items-end w-100">
             <button
               className="btn text-nowrap p-2 mr-2 border my-1"
               onClick={() =>
@@ -317,9 +322,6 @@ contract HelloWorld {
             >
             HTTPS
             </button>
-            </div>
-          </div>
-          <div className="d-flex mt-2 align-items-end w-100">
             <CustomTooltip placement={'top'} tooltipId="overlay-tooltip" tooltipClasses="text-nowrap" tooltipText={<FormattedMessage id="home.connectToLocalhost" />} tooltipTextClasses="border bg-light text-dark p-1 pr-3">
               <button className="btn btn-block text-nowrap p-2 border my-1" onClick={() => connectToLocalhost()}>
                 <i className="fa-regular fa-desktop pr-2"></i>

libs/remix-ui/home-tab/src/lib/remix-ui-home-tab.tsx

@@ -73,10 +73,10 @@ export const RemixUiHomeTab = (props: RemixUiHomeTabProps) => {
 
   //  border-right
   return (
-    <div className="d-flex flex-column w-100 h-100" data-id="remixUIHTAll">
+    <div className="d-flex flex-column w-100" data-id="remixUIHTAll">
       <ThemeContext.Provider value={state.themeQuality}>
-        <div className="d-flex flex-row w-100 h-100 custom_home_bg">
+        <div className="d-flex flex-row w-100 custom_home_bg">
-          <div className="px-2 pl-3 justify-content-start border-right d-flex flex-column" id="remixUIHTLeft" style={{ width: `${100 - carouselWidth}%` }}>
+          <div className="px-2 pl-3 justify-content-start border-right d-flex flex-column" id="remixUIHTLeft" style={{ width: 'inherit' }}>
             <HomeTabTitle />
             <HomeTabGetStarted plugin={plugin}></HomeTabGetStarted>
             {!(platform === appPlatformTypes.desktop) ?