some more fixes as per discussions

apps/remix-ide/src/app/tabs/locales/en/home.json

@@ -49,7 +49,7 @@
   "home.remixLinkedinProfile": "Remix Linkedin Profile",
   "home.remixMediumPosts": "Remix Medium Posts",
   "home.joinUsOnDiscord": "Join us on Discord",
-  "home.nativeIDE": "The Native IDE for Web3 Development.",
+  "home.nativeIDE": "Learn. Explore. Create.",
   "home.website": "Website",
   "home.documentation": "Documentation",
   "home.remixPlugin": "Remix Plugin",

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

@@ -247,7 +247,7 @@ contract HelloWorld {
       <Toaster message={state.toasterMsg} />
       <div className="justify-content-start mt-1 p-2 d-flex flex-column" id="hTFileSection">
         {(state.recentWorkspaces[0] || state.recentWorkspaces[1] || state.recentWorkspaces[2]) && (
-          <div className="d-flex flex-column mb-5">
+          <div className="d-flex flex-column mb-5 remixui_recentworkspace">
             <label style={{ fontSize: '0.8rem' }} className="mt-3">
               Recent Workspaces
             </label>

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

@@ -150,10 +150,10 @@ function HomeTabGetStarted({ plugin }: HomeTabGetStartedProps) {
 
   return (
     <div className="pl-2" id="hTGetStartedSection">
-      <label className="pt-3" style={{ fontSize: '1.2rem' }}>
+      {/* <label className="pt-3" style={{ fontSize: '1.2rem' }}>
         <FormattedMessage id="home.projectTemplates" />
-      </label>
-      <div ref={carouselRefDiv} className="w-100 d-flex flex-column">
+      </label> */}
+      <div ref={carouselRefDiv} className="w-100 d-flex flex-column pt-3">
         <ThemeContext.Provider value={themeFilter}>
           <div className="pt-3">
             <div className="d-flex flex-row align-items-center mb-3 flex-nowrap">

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

@@ -113,6 +113,7 @@ function HomeTabTitle() {
         <span className="d-flex flex-nowrap align-self-end">
           {iconButtons.map((button, index) => (
             <CustomTooltip
+              key={index}
               placement={button.placement}
               tooltipId="overlay-tooltip"
               tooltipClasses="text-nowrap"

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

@@ -115,6 +115,10 @@
   color: var(--text);
 }
 
+.remixui_recentworkspace {
+  height: 11.4rem;
+}
+
 .remix_ui-carousel-container {
   container: remix_ui-carousel-container / inline-size;
   height: 450px;