diff --git a/src/app/Marine2/components/ui/BatterySummary/BatterySummary.tsx b/src/app/Marine2/components/ui/BatterySummary/BatterySummary.tsx
index 85a7fe58..8ccb4439 100644
--- a/src/app/Marine2/components/ui/BatterySummary/BatterySummary.tsx
+++ b/src/app/Marine2/components/ui/BatterySummary/BatterySummary.tsx
@@ -10,14 +10,13 @@ import { Styles } from "./Styles"
 interface Props {
   battery: Battery
   boxSize: ISize
-  classes: string
 }
 
-const BatterySummary = ({ battery, boxSize, classes }: Props) => {
+const BatterySummary = ({ battery, boxSize }: Props) => {
   const activeStyles = applyStyles(boxSize, Styles)
 
   return (
-    <div className={classNames("flex flex-col justify-center items-center w-full h-full gap-4", classes)}>
+    <div className="flex flex-col justify-center items-center w-full h-full max-w-[20rem]">
       <ProgressCircle
         percentage={battery.soc ?? null}
         boxSize={{
@@ -50,7 +49,7 @@ const BatterySummary = ({ battery, boxSize, classes }: Props) => {
           <></>
         )}
       </ProgressCircle>
-      <div className={classNames("truncate mt-2 w-[inherit] text-center", activeStyles.name)}>{battery.name}</div>
+      <div className={classNames("truncate mt-2 text-center", activeStyles.name)}>{battery.name}</div>
     </div>
   )
 }
diff --git a/src/app/Marine2/components/ui/BatterySummary/Styles.ts b/src/app/Marine2/components/ui/BatterySummary/Styles.ts
index 3aa429fa..1c6416d7 100644
--- a/src/app/Marine2/components/ui/BatterySummary/Styles.ts
+++ b/src/app/Marine2/components/ui/BatterySummary/Styles.ts
@@ -3,25 +3,25 @@ import { BreakpointStylesType } from "../../../utils/media"
 export const Styles: BreakpointStylesType = {
   default: {
     voltage: "hidden",
-    name: "text-base",
+    name: "text-base max-w-[20rem]",
     state: "text-2xs",
   },
   "xs-xs": {
     voltage: "text-sm",
     batteryState: "text-xs",
-    name: "text-base",
+    name: "text-base max-w-[10rem]",
     state: "text-xs",
   },
   "sm-s": {
     voltage: "text-base",
     batteryState: "text-sm",
-    name: "text-base",
+    name: "text-base max-w-[12rem]",
     state: "text-sm",
   },
   "sm-m": {
     voltage: "text-lg",
     batteryState: "text-base",
-    name: "text-lg",
+    name: "text-lg max-w-[20rem]",
     state: "text-base",
   },
 }
diff --git a/src/app/Marine2/components/ui/Performance/Timer.tsx b/src/app/Marine2/components/ui/Performance/Timer.tsx
deleted file mode 100644
index 38459f62..00000000
--- a/src/app/Marine2/components/ui/Performance/Timer.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-import { useEffect, useRef, useState } from "react"
-
-export const Timer = () => {
-  const [timer, setTimer] = useState(0);
-  const [timeInterval, setTimeInterval] = useState(null);
-
-  // Function to start the timer
-  const startTimer = () => {
-    // Use setInterval to update the timer every 1000 milliseconds (1 second)
-    setTimeInterval(setInterval(() => {
-      // Update the timer by incrementing the previous value by 1
-      setTimer((prev) => prev + 1);
-    }, 1000));
-  }
-
-  // Function to pause the timer
-  const pauseTimer = () => {
-    // Clear the interval to stop the timer from updating
-    clearInterval(timeInterval);
-  }
-
-  // Function to reset the timer
-  const resetTimer = () => {
-    // Reset the timer value to 0
-    setTimer(0);
-    // Clear the interval to stop the timer
-    clearInterval(timeInterval);
-  }
-
-  // Render the timer and buttons in the component
-  return (
-    <div className="App">
-      <h3>Timer: {timer}</h3>
-      <div className="btn-wrapper">
-        {/* Button to start the timer */}
-        <button onClick={startTimer}>Start</button>
-        {/* Button to pause the timer */}
-        <button onClick={pauseTimer}>Pause</button>
-        {/* Button to reset the timer */}
-        <button onClick={resetTimer}>Reset</button>
-      </div>
-    </div>
-  );
-}
\ No newline at end of file