diff --git a/src/components/SubnetsComponent/Component1.jsx b/src/components/SubnetsComponent/Component1.jsx
index ee2be55..b631b30 100644
--- a/src/components/SubnetsComponent/Component1.jsx
+++ b/src/components/SubnetsComponent/Component1.jsx
@@ -10,7 +10,7 @@ import {
 } from "@chakra-ui/react";
 import vector1 from "../../assets/images/vector1.png";
 
-const Component1 = () => {
+export const Component1 = () => {
   return (
     <>
       <Box display={"flex"} position={"absolute"} top={"-70px"}>
@@ -69,5 +69,3 @@ const Component1 = () => {
     </>
   );
 };
-
-export default Component1;
diff --git a/src/components/SubnetsComponent/Component2.jsx b/src/components/SubnetsComponent/Component2.jsx
index 17dbe51..e9a6115 100644
--- a/src/components/SubnetsComponent/Component2.jsx
+++ b/src/components/SubnetsComponent/Component2.jsx
@@ -10,7 +10,7 @@ import {
 } from "@chakra-ui/react";
 import vector2 from "../../assets/images/vector2.png";
 
-const Component2 = () => {
+export const Component2 = () => {
   return (
     <>
       <Box display={"flex"} position={"absolute"} top={"-70px"}>
@@ -53,5 +53,3 @@ const Component2 = () => {
     </>
   );
 };
-
-export default Component2;
diff --git a/src/components/SubnetsComponent/Component4.jsx b/src/components/SubnetsComponent/Component4.jsx
index 88da7df..65504cf 100644
--- a/src/components/SubnetsComponent/Component4.jsx
+++ b/src/components/SubnetsComponent/Component4.jsx
@@ -10,7 +10,7 @@ import {
 } from "@chakra-ui/react";
 import vector4 from "../../assets/images/vector4.png";
 
-const Component4 = () => {
+export const Component4 = () => {
   return (
     <>
       <Box
@@ -71,5 +71,3 @@ const Component4 = () => {
     </>
   );
 };
-
-export default Component4;