From 4b0b949541f0e30ab8d73ee4d6c31c69c16c60a5 Mon Sep 17 00:00:00 2001
From: Fredrik Burmester <fredrik.burmester@gmail.com>
Date: Wed, 19 Feb 2025 10:55:29 +0100
Subject: [PATCH] fix: button alignment pip

---
 components/video-player/controls/Controls.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/components/video-player/controls/Controls.tsx b/components/video-player/controls/Controls.tsx
index b8453ea5..3232965d 100644
--- a/components/video-player/controls/Controls.tsx
+++ b/components/video-player/controls/Controls.tsx
@@ -554,7 +554,10 @@ export const Controls: React.FC<Props> = ({
 
             <View className="flex flex-row items-center space-x-2 ">
               {!Platform.isTV && (
-                <TouchableOpacity onPress={startPictureInPicture}>
+                <TouchableOpacity
+                  onPress={startPictureInPicture}
+                  className="aspect-square flex flex-col rounded-xl items-center justify-center p-2"
+                >
                   <MaterialIcons
                     name="picture-in-picture"
                     size={24}