From aa69d92855186df8dd66a794a6de12c9270e87fe Mon Sep 17 00:00:00 2001
From: Joy <soniqjjj@gmail.com>
Date: Wed, 12 Aug 2026 18:00:11 +0000
Subject: [PATCH 1/2] fix: resolve Layer5 logo cropping issue in navbar by
 correcting SVG overflow and scaling

Signed-off-by: GitHub <noreply@github.com>
---
 .devcontainer/devcontainer.json                 |  7 +++++++
 .../General/Navigation/navigation.style.js      | 17 ++++++++++++-----
 2 files changed, 19 insertions(+), 5 deletions(-)
 create mode 100644 .devcontainer/devcontainer.json

diff --git a/.devcontainer/devcontainer.json b/.devcontainer/devcontainer.json
new file mode 100644
index 00000000000000..6be10f5c21f341
--- /dev/null
+++ b/.devcontainer/devcontainer.json
@@ -0,0 +1,7 @@
+{
+  "name": "Layer5",
+  "hostRequirements": {
+    "cpus": 4,
+    "memory": "16gb"
+  }
+}
diff --git a/src/sections/General/Navigation/navigation.style.js b/src/sections/General/Navigation/navigation.style.js
index 40b82a8beb6348..0695beac8c811e 100644
--- a/src/sections/General/Navigation/navigation.style.js
+++ b/src/sections/General/Navigation/navigation.style.js
@@ -467,7 +467,10 @@ const NavigationWrap = styled.header`
 
     svg {
       width: 155px;
-      .layer5-colorMode_svg__colorMode1 {
+      height: auto;
+      overflow: visible;
+      display: block;
+      & .layer5-colorMode_svg__colorMode1 {
         transition: fill 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
         fill: ${(props) => props.theme.whiteToGreen3C494F};
       }
@@ -527,6 +530,9 @@ const NavigationWrap = styled.header`
       margin-top: 7px;
       svg {
         width: 130px;
+        height: auto;
+        overflow: visible;
+        display: block;
       }
 
       img {
@@ -655,8 +661,8 @@ const NavigationWrap = styled.header`
       padding-top: 0.4rem;
     }
     .mobile-nested-menu {
-       font-size: 1.1rem;
-       margin-left: 1rem;
+      font-size: 1.1rem;
+      margin-left: 1rem;
     }
   }
 
@@ -771,7 +777,7 @@ const NavigationWrap = styled.header`
   .dark-theme-toggle {
     /* margin-left: 2rem; */
     visibility: ${(props) =>
-  typeof props.theme.DarkTheme === "boolean" ? "visible" : "hidden"};
+      typeof props.theme.DarkTheme === "boolean" ? "visible" : "hidden"};
   }
 
   .toggle {
@@ -794,7 +800,8 @@ const NavigationWrap = styled.header`
     --offset-diagonal: calc(var(--size) * 0.45);
     transform: scale(0.75);
     color: #3c494f;
-    box-shadow: inset 0 0 0 var(--size),
+    box-shadow:
+      inset 0 0 0 var(--size),
       calc(var(--offset-orthogonal) * -1) 0 0 var(--ray-size),
       var(--offset-orthogonal) 0 0 var(--ray-size),
       0 calc(var(--offset-orthogonal) * -1) 0 var(--ray-size),

From d78675dbf14d6a46a6d1cd859774573cc76911b2 Mon Sep 17 00:00:00 2001
From: Joy <soniqjjj@gmail.com>
Date: Wed, 12 Aug 2026 18:02:44 +0000
Subject: [PATCH 2/2] chore: remove unnecessary devcontainer config file

Signed-off-by: GitHub <noreply@github.com>
---
 .devcontainer/devcontainer.json | 7 -------
 1 file changed, 7 deletions(-)
 delete mode 100644 .devcontainer/devcontainer.json

diff --git a/.devcontainer/devcontainer.json b/.devcontainer/devcontainer.json
deleted file mode 100644
index 6be10f5c21f341..00000000000000
--- a/.devcontainer/devcontainer.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "name": "Layer5",
-  "hostRequirements": {
-    "cpus": 4,
-    "memory": "16gb"
-  }
-}