diff --git a/packages/app/src/systems/Ecosystem/components/Alerts/DismissibleAlert.tsx b/packages/app/src/systems/Ecosystem/components/Alerts/DismissibleAlert.tsx
deleted file mode 100644
index c56dbf19..00000000
--- a/packages/app/src/systems/Ecosystem/components/Alerts/DismissibleAlert.tsx
+++ /dev/null
@@ -1,71 +0,0 @@
-import { cssObj } from '@fuel-ui/css';
-import {
-  Alert,
-  AlertActions,
-  AlertButton,
-  AlertDescription,
-  AlertTitle,
-} from '@fuel-ui/react';
-import React, { useEffect, useState } from 'react';
-
-const slideInAnimation = cssObj({
-  animation: 'slideIn 0.5s ease-out forwards',
-  '@keyframes slideIn': {
-    from: { transform: 'translateX(-100%)' },
-    to: { transform: 'translateX(0%)' },
-  },
-});
-
-const slideOutAnimation = cssObj({
-  animation: 'slideOut 0.5s ease-in forwards',
-  '@keyframes slideOut': {
-    from: { transform: 'translateX(0%)' },
-    to: { transform: 'translateX(110%)' },
-  },
-});
-
-const DismissibleAlert = ({ description }: { description: string }) => {
-  const [isVisible, setIsVisible] = useState(false);
-  const [isMounted, setIsMounted] = useState(false);
-
-  useEffect(() => {
-    const timer = setTimeout(() => {
-      setIsVisible(true);
-      setIsMounted(true);
-    }, 3000);
-
-    return () => clearTimeout(timer);
-  }, []);
-
-  const handleClose = () => {
-    setIsVisible(false);
-    setTimeout(() => {
-      setIsMounted(false);
-    }, 500);
-  };
-
-  if (!isMounted) {
-    return null;
-  }
-
-  const styles = {
-    alert: cssObj({
-      zIndex: 1000,
-      ...(isVisible ? slideInAnimation : slideOutAnimation),
-      overflow: 'hidden',
-      display: 'flex',
-    }),
-  };
-
-  return (
-    <Alert css={styles.alert} status="info" direction="column">
-      <AlertTitle>Learn More</AlertTitle>
-      <AlertDescription>{description}</AlertDescription>
-      <AlertActions>
-        <AlertButton onClick={handleClose}>Dismiss</AlertButton>
-      </AlertActions>
-    </Alert>
-  );
-};
-
-export default DismissibleAlert;
diff --git a/packages/app/src/systems/Ecosystem/pages/Ecosystem.tsx b/packages/app/src/systems/Ecosystem/pages/Ecosystem.tsx
index b0ea15df..29414911 100644
--- a/packages/app/src/systems/Ecosystem/pages/Ecosystem.tsx
+++ b/packages/app/src/systems/Ecosystem/pages/Ecosystem.tsx
@@ -3,7 +3,6 @@ import { Box, Button, Heading, Input, Icon, Text } from '@fuel-ui/react';
 import { useState } from 'react';
 import { Layout, animations } from '~/systems/Core';
 
-import DismissibleAlert from '../components/Alerts/DismissibleAlert';
 import { EcosystemTags } from '../components/EcosystemTags';
 import { FeaturedProjects } from '../components/FeaturedProjects';
 import { ProjectList } from '../components/ProjectList/ProjectList';
@@ -73,15 +72,6 @@ export function Ecosystem() {
                 </Button>
               </a>
             </Box.Flex>
-            <Box
-              css={{
-                position: 'absolute',
-                bottom: '3%',
-                right: '1%',
-              }}
-            >
-              <DismissibleAlert description="To learn more about a project, click on the relative project card."></DismissibleAlert>
-            </Box>
             <Box css={styles.divider}></Box>
             {featuredProjects.length > 0 && (
               <>