From e8b7647f3d5831041edfc1978de09d63e610be93 Mon Sep 17 00:00:00 2001
From: yohlo <yohlerkyle@gmail.com>
Date: Tue, 14 Jul 2026 00:39:38 -0700
Subject: [PATCH] styling

---
 src/components/glitch-avatar.tsx         | 6 +++++-
 src/features/login/components/layout.tsx | 2 +-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/glitch-avatar.tsx b/src/components/glitch-avatar.tsx
index cb9b7cc..08622fe 100644
--- a/src/components/glitch-avatar.tsx
+++ b/src/components/glitch-avatar.tsx
@@ -7,6 +7,7 @@ interface GlitchAvatarProps {
   glitchSrc?: string;
   size?: number;
   radius?: string | number;
+  withBorder?: boolean;
   children?: React.ReactNode;
 }
 
@@ -21,6 +22,7 @@ const GlitchAvatar = ({
   glitchSrc,
   size = 35,
   radius = "md",
+  withBorder = true,
   children,
 }: GlitchAvatarProps) => {
   const [showGlitch, setShowGlitch] = useState(false);
@@ -89,7 +91,9 @@ const GlitchAvatar = ({
         position: "relative",
         width: "fit-content",
         padding: FRAME_PADDING,
-        border: "1px solid var(--mantine-color-default-border)",
+        border: withBorder
+          ? "1px solid var(--mantine-color-default-border)"
+          : "1px solid transparent",
         borderRadius: `calc(${innerRadius} + ${FRAME_PADDING}px)`,
       }}
     >
diff --git a/src/features/login/components/layout.tsx b/src/features/login/components/layout.tsx
index 18f3ce9..d1228c1 100644
--- a/src/features/login/components/layout.tsx
+++ b/src/features/login/components/layout.tsx
@@ -28,7 +28,6 @@ const Layout: React.FC<PropsWithChildren> = ({ children }) => {
         >
           <Paper
             shadow='md'
-            withBorder
             p='md'
             w='100%'
             maw='375px'
@@ -49,6 +48,7 @@ const Layout: React.FC<PropsWithChildren> = ({ children }) => {
                 }
                 radius="md"
                 size={250}
+                withBorder={false}
               >
                 <TrophyIcon size={32} />
               </GlitchAvatar>