From 4718b358be8310c4d66f2f0fc70971a653dfc041 Mon Sep 17 00:00:00 2001
From: Felix Hirschfeld <felix@brands-and-beyond.de>
Date: Thu, 2 Apr 2026 07:19:23 +0200
Subject: [PATCH] fix: add max-width and adjust tab wrapper margins

---
 src/components/cpu.tsx   | 2 +-
 src/components/fan.tsx   | 2 +-
 src/components/gpu.tsx   | 2 +-
 src/components/more.tsx  | 2 +-
 src/components/power.tsx | 2 +-
 src/index.tsx            | 1 +
 6 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/components/cpu.tsx b/src/components/cpu.tsx
index 1d955e0..afba6e8 100755
--- a/src/components/cpu.tsx
+++ b/src/components/cpu.tsx
@@ -1006,7 +1006,7 @@ export const CPUComponent: FC<{
     );
   }, []);
   return (
-    <div style={!isTab ? {} : { marginLeft: "-10px", marginRight: "-10px" }}>
+    <div style={!isTab ? {} : { marginLeft: "-2.8vw", marginRight: "-2.8vw" }}>
       {show && (
         <PanelSection title="CPU">
           {!isTab && (
diff --git a/src/components/fan.tsx b/src/components/fan.tsx
index 93fe1d9..8d88b61 100755
--- a/src/components/fan.tsx
+++ b/src/components/fan.tsx
@@ -1500,7 +1500,7 @@ export const FANComponent: FC<{ isTab?: boolean }> = ({ isTab = false }) => {
   }, []);
   //<FANSelectProfileComponent/>
   return (
-    <div style={!isTab ? {} : { marginLeft: "-10px", marginRight: "-10px" }}>
+    <div style={!isTab ? {} : { marginLeft: "-2.8vw", marginRight: "-2.8vw" }}>
       {show && fanEnable.current && fanCount.current > 0 && (
         <PanelSection title="FAN">
           {!isTab && (
diff --git a/src/components/gpu.tsx b/src/components/gpu.tsx
index 944e1a9..9ce688b 100755
--- a/src/components/gpu.tsx
+++ b/src/components/gpu.tsx
@@ -450,7 +450,7 @@ export const GPUComponent: FC<{ isTab?: boolean }> = ({ isTab = false }) => {
     );
   }, []);
   return (
-    <div style={!isTab ? {} : { marginLeft: "-10px", marginRight: "-10px" }}>
+    <div style={!isTab ? {} : { marginLeft: "-2.8vw", marginRight: "-2.8vw" }}>
       {show && (
         <PanelSection title="GPU">
           {!isTab && (
diff --git a/src/components/more.tsx b/src/components/more.tsx
index ebd2367..31c47d3 100644
--- a/src/components/more.tsx
+++ b/src/components/more.tsx
@@ -123,7 +123,7 @@ export const MoreComponent: FC<{ isTab?: boolean }> = ({ isTab = false }) => {
   }
 
   return (
-    <div style={!isTab ? {} : { marginLeft: "-10px", marginRight: "-10px" }}>
+    <div style={!isTab ? {} : { marginLeft: "-2.8vw", marginRight: "-2.8vw" }}>
       <PanelSection
         title={localizationManager.getString(localizeStrEnum.MORE) || "More"}
       >
diff --git a/src/components/power.tsx b/src/components/power.tsx
index 0979d20..da8c53b 100644
--- a/src/components/power.tsx
+++ b/src/components/power.tsx
@@ -216,7 +216,7 @@ export const PowerComponent: FC<{ isTab?: boolean }> = ({ isTab = false }) => {
   }, [supportChargeLimit, isSupportSoftwareChargeLimit]);
 
   return (
-    <div style={!isTab ? {} : { marginLeft: "-10px", marginRight: "-10px" }}>
+    <div style={!isTab ? {} : { marginLeft: "-2.8vw", marginRight: "-2.8vw" }}>
       {show && (
         <PanelSection title="Power">
           {!isTab && (
diff --git a/src/index.tsx b/src/index.tsx
index 3118200..acf0155 100755
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -101,6 +101,7 @@ const TabView: FC<{ show?: boolean }> = ({ show = true }) => {
           style={{
             height: "95%",
             width: "calc(100vw - 50px)",
+            maxWidth: "100%",
             marginTop: "-12px",
             position: "absolute",
             contain: "layout style paint",