From abad4a8fedf470f452b35244da5957f68fc68a73 Mon Sep 17 00:00:00 2001
From: Sebastian Scatularo <sebastian.scatularo@xlabs.xyz>
Date: Thu, 23 Nov 2023 15:19:04 -0300
Subject: [PATCH] set opacity to elipsis

---
 .../src/components/atoms/Background.tsx       | 30 +++----------------
 1 file changed, 4 insertions(+), 26 deletions(-)

diff --git a/apps/connect/src/components/atoms/Background.tsx b/apps/connect/src/components/atoms/Background.tsx
index d85be4e92..46fb10993 100644
--- a/apps/connect/src/components/atoms/Background.tsx
+++ b/apps/connect/src/components/atoms/Background.tsx
@@ -44,17 +44,18 @@ const Glow = styled("div")<GlowProps>(
   })
 );
 
-type ElipsisContainerProps = {
+type ElipsisProps = {
   width: number;
   height: number;
   marginTop: number;
   marginLeft: number;
 };
-const ElipsisContainer = styled("div")<ElipsisContainerProps>(
+
+const Elipsis = styled("div")<ElipsisProps>(
   ({ width, height, marginTop, marginLeft }) => ({
     width,
     height,
-    borderColor: "#FFF",
+    borderColor: "rgb(255, 255, 255, 0.5)",
     borderWidth: "0.5px",
     borderStyle: "solid",
     borderRadius: "50%",
@@ -63,29 +64,6 @@ const ElipsisContainer = styled("div")<ElipsisContainerProps>(
   })
 );
 
-type ElipsisProps = {
-  children?: JSX.Element;
-} & ElipsisContainerProps;
-
-function Elipsis({
-  width,
-  height,
-  marginTop,
-  marginLeft,
-  children,
-}: ElipsisProps) {
-  return (
-    <ElipsisContainer
-      width={width}
-      height={height}
-      marginTop={marginTop}
-      marginLeft={marginLeft}
-    >
-      {children}
-    </ElipsisContainer>
-  );
-}
-
 type FooterProps = {
     left?: string;
     right?: string;