fix: use dynamic width/height for drill down arrow button

victronenergy · Feb 6, 2025 · 884fefc · 884fefc
1 parent 1880956
commit 884fefc
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/src/app/Marine2/components/ui/Box/Box.tsx b/src/app/Marine2/components/ui/Box/Box.tsx
@@ -73,9 +73,12 @@ const Box = ({
           <FadedText text={title} className={activeStyles?.valueSubtitle} />
         </div>
         {linkedView && (
-          <div className="-mr-3 p-[12px] cursor-pointer" onClick={clickHandler}>
+          <div
+            className="-mr-3 w-[var(--ui-control-size)] h-[var(--ui-control-size)] p-1 cursor-pointer"
+            onClick={clickHandler}
+          >
             <ArrowRightIcon
-              className="w-[24px] sm-s:w-[32px] text-victron-blue dark:text-victron-blue-dark cursor-pointer outline-none"
+              className="text-victron-blue dark:text-victron-blue-dark cursor-pointer outline-none"
               alt="Expand"
             />
           </div>