diff --git a/packages/testnet/frontend/src/components/battlereports/BattleReport.tsx b/packages/testnet/frontend/src/components/battlereports/BattleReport.tsx
index 3f32a0e..f07b6e5 100644
--- a/packages/testnet/frontend/src/components/battlereports/BattleReport.tsx
+++ b/packages/testnet/frontend/src/components/battlereports/BattleReport.tsx
@@ -187,11 +187,7 @@ const BattleReports = ({ planetId }: Props) => {
     return <CircularProgress />;
   }
 
-  if (error) {
-    return <div>Error: {error}</div>;
-  }
-
-  if (battleReports.length === 0) {
+  if (error || battleReports.length === 0) {
     return <CenteredMessage>No Battle Reports Available</CenteredMessage>;
   }
 
diff --git a/packages/testnet/frontend/src/components/ui/FleetMovements.tsx b/packages/testnet/frontend/src/components/ui/FleetMovements.tsx
index 2371902..72f0885 100644
--- a/packages/testnet/frontend/src/components/ui/FleetMovements.tsx
+++ b/packages/testnet/frontend/src/components/ui/FleetMovements.tsx
@@ -271,7 +271,7 @@ export const FleetMovements = ({ planetId }: Props) => {
       >
         <RocketLaunchIcon
           fontSize="small"
-          sx={{ color: "#708090", marginRight: "4px" }}
+          sx={{ color: "#c5c6c7", marginRight: "4px" }}
         />
         FLEET MOVEMENTS
       </HeaderButton>
diff --git a/packages/testnet/frontend/src/components/ui/Header.tsx b/packages/testnet/frontend/src/components/ui/Header.tsx
index 12df20a..6d91658 100644
--- a/packages/testnet/frontend/src/components/ui/Header.tsx
+++ b/packages/testnet/frontend/src/components/ui/Header.tsx
@@ -53,7 +53,12 @@ const Header = ({ planetId }: Props) => {
         <IconButton
           onClick={handleLogoutClick}
           color="inherit"
-          style={{ marginRight: "16px", color: "#708090", fontWeight: "600" }}
+          style={{
+            marginRight: "16px",
+            color: "#c5c6c7",
+            fontWeight: "bold",
+            opacity: "0.8",
+          }}
         >
           <LogoutIcon style={{ transform: "rotate(180deg)" }} />
         </IconButton>
diff --git a/packages/testnet/frontend/src/components/ui/WalletHeader.tsx b/packages/testnet/frontend/src/components/ui/WalletHeader.tsx
index 39e8917..1a14e42 100644
--- a/packages/testnet/frontend/src/components/ui/WalletHeader.tsx
+++ b/packages/testnet/frontend/src/components/ui/WalletHeader.tsx
@@ -1,8 +1,9 @@
 import styled from "styled-components";
 
 const HeaderWalletContainer = styled.div`
-  color: #708090;
-  font-weight: 600;
+  color: #c5c6c7;
+  font-weight: bold;
+  opacity: 0.8;
   display: flex;
   padding: 12px;
   border-top: 2px solid #151a1e;
diff --git a/packages/testnet/frontend/src/shared/styled/Button.ts b/packages/testnet/frontend/src/shared/styled/Button.ts
index 2cc4d57..99d3264 100644
--- a/packages/testnet/frontend/src/shared/styled/Button.ts
+++ b/packages/testnet/frontend/src/shared/styled/Button.ts
@@ -19,7 +19,8 @@ export const StyledButton = styled(Button)(() => ({
 export const HeaderButton = styled(Button)({
   margin: "16px",
   marginLeft: "0px",
-  color: "#708090",
+  color: "#c5c6c7",
+  opacity: "0.8",
   fontWeight: "bold", // More pronounced buttons
   letterSpacing: "1px", // Space-themed typography style
   "&:hover": {