diff --git a/komari-theme.json b/komari-theme.json
index d1ba943..3fdbffa 100644
--- a/komari-theme.json
+++ b/komari-theme.json
@@ -2,7 +2,7 @@
     "name": "Komari Theme PurCart",
     "short": "PurCarte",
     "description": "A frosted glass theme for Komari",
-    "version": "1.0.3",
+    "version": "1.0.4",
     "author": "Montia & Gemini",
     "url": "https://github.com/Montia37/Komari-theme-purcarte",
     "preview": "preview.png",
diff --git a/src/components/sections/NodeCard.tsx b/src/components/sections/NodeCard.tsx
index 11851d4..5a67248 100644
--- a/src/components/sections/NodeCard.tsx
+++ b/src/components/sections/NodeCard.tsx
@@ -145,9 +145,9 @@ export const NodeCard = ({ node }: NodeCardProps) => {
           </div>
         </div>
         <div className="flex items-center justify-between text-xs">
-          <span className="text-secondary-foreground w-1/4">流量</span>
-          <div className="flex items-center justify-between w-3/4">
-            <div className="flex items-center justify-center w-1/3">
+          <span className="text-secondary-foreground w-1/5">流量</span>
+          <div className="flex items-center justify-between w-4/5">
+            <div className="flex items-center w-1/4">
               {node.traffic_limit !== 0 && isOnline && stats && (
                 <CircleProgress
                   value={trafficPercentage}
@@ -158,7 +158,7 @@ export const NodeCard = ({ node }: NodeCardProps) => {
                 />
               )}
             </div>
-            <div className="w-2/3 text-right">
+            <div className="w-3/4 text-right text-nowrap">
               <div>
                 <span>
                   ↑ {stats ? formatBytes(stats.network.totalUp) : "N/A"}
diff --git a/src/components/sections/NodeListItem.tsx b/src/components/sections/NodeListItem.tsx
index dacdf11..d1865e3 100644
--- a/src/components/sections/NodeListItem.tsx
+++ b/src/components/sections/NodeListItem.tsx
@@ -93,9 +93,9 @@ export const NodeListItem = ({ node }: NodeListItemProps) => {
         <div>↓ {stats ? formatBytes(stats.network.down, true) : "N/A"}</div>
       </div>
       <div className="col-span-2">
-        <div className="flex items-center justify-around">
+        <div className="flex items-center justify-around text-nowrap">
           {node.traffic_limit !== 0 && isOnline && stats && (
-            <div className="flex items-center">
+            <div className="flex items-center justify-center w-1/4">
               <CircleProgress
                 value={trafficPercentage}
                 maxValue={100}
@@ -105,7 +105,8 @@ export const NodeListItem = ({ node }: NodeListItemProps) => {
               />
             </div>
           )}
-          <div className={node.traffic_limit !== 0 ? "w-2/3" : "w-full"}>
+          <div
+            className={node.traffic_limit !== 0 ? "w-3/4 text-left" : "w-full"}>
             <div>
               <span>
                 ↑ {stats ? formatBytes(stats.network.totalUp) : "N/A"}