From 0df5486fecb7563ec0015df157c1597b4d39328b Mon Sep 17 00:00:00 2001
From: Chubby Granny Chaser <hydralauncher@proton.me>
Date: Tue, 30 Sep 2025 03:59:08 +0100
Subject: [PATCH] fix: fixing how long to beat broken logic

---
 .../game-details/sidebar/how-long-to-beat-section.tsx      | 2 +-
 src/renderer/src/pages/game-details/sidebar/sidebar.scss   | 7 ++-----
 2 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/src/renderer/src/pages/game-details/sidebar/how-long-to-beat-section.tsx b/src/renderer/src/pages/game-details/sidebar/how-long-to-beat-section.tsx
index 61c90389..9a29f150 100644
--- a/src/renderer/src/pages/game-details/sidebar/how-long-to-beat-section.tsx
+++ b/src/renderer/src/pages/game-details/sidebar/how-long-to-beat-section.tsx
@@ -25,7 +25,7 @@ export function HowLongToBeatSection({
     return `${value} ${t(durationTranslation[unit])}`;
   };
 
-  if (!howLongToBeatData && !isLoading) return null;
+  if (!howLongToBeatData || !isLoading) return null;
 
   return (
     <SkeletonTheme baseColor="#1c1c1c" highlightColor="#444">
diff --git a/src/renderer/src/pages/game-details/sidebar/sidebar.scss b/src/renderer/src/pages/game-details/sidebar/sidebar.scss
index 4d212440..d1c54f84 100755
--- a/src/renderer/src/pages/game-details/sidebar/sidebar.scss
+++ b/src/renderer/src/pages/game-details/sidebar/sidebar.scss
@@ -1,14 +1,11 @@
 @use "../../../scss/globals.scss";
 
 .content-sidebar {
-  background-color: transparent;
+  border-left: solid 1px globals.$border-color;
+  background-color: globals.$dark-background-color;
   height: 100%;
   flex-shrink: 0;
   width: 280px;
-  padding: calc(globals.$spacing-unit * 1);
-  display: flex;
-  flex-direction: column;
-  gap: calc(globals.$spacing-unit * 1.5);
 
   @media (min-width: 1024px) {
     width: 320px;