diff --git a/components/Chromecast.tsx b/components/Chromecast.tsx
index 69608057..bf92148b 100644
--- a/components/Chromecast.tsx
+++ b/components/Chromecast.tsx
@@ -10,11 +10,11 @@ import {
 import GoogleCast from "react-native-google-cast";
 
 type Props = {
-  item?: BaseItemDto | null;
-  startTimeTicks?: number | null;
+  width?: number;
+  height?: number;
 };
 
-export const Chromecast: React.FC<Props> = () => {
+export const Chromecast: React.FC<Props> = ({ width = 48, height = 48 }) => {
   const client = useRemoteMediaClient();
   const castDevice = useCastDevice();
   const devices = useDevices();
@@ -32,8 +32,8 @@ export const Chromecast: React.FC<Props> = () => {
   }, [client, devices, castDevice, sessionManager, discoveryManager]);
 
   return (
-    <View className="rounded h-12 aspect-square flex items-center justify-center">
-      <CastButton style={{ tintColor: "white", height: 48, width: 48 }} />
+    <View className="rounded h-10 aspect-square flex items-center justify-center">
+      <CastButton style={{ tintColor: "white", height, width }} />
     </View>
   );
 };
diff --git a/components/DownloadItem.tsx b/components/DownloadItem.tsx
index ec9ac92e..51b01e2d 100644
--- a/components/DownloadItem.tsx
+++ b/components/DownloadItem.tsx
@@ -65,7 +65,7 @@ export const DownloadItem: React.FC<DownloadProps> = ({
 
   if (isLoading) {
     return (
-      <View className="rounded h-12 aspect-square flex items-center justify-center">
+      <View className="rounded h-10 aspect-square flex items-center justify-center">
         <ActivityIndicator size={"small"} color={"white"} />
       </View>
     );
@@ -73,7 +73,7 @@ export const DownloadItem: React.FC<DownloadProps> = ({
 
   if (playbackInfo?.MediaSources?.[0].SupportsDirectPlay === false) {
     return (
-      <View className="rounded h-12 aspect-square flex items-center justify-center opacity-50">
+      <View className="rounded h-10 aspect-square flex items-center justify-center opacity-50">
         <Ionicons name="cloud-download-outline" size={24} color="white" />
       </View>
     );
@@ -82,7 +82,7 @@ export const DownloadItem: React.FC<DownloadProps> = ({
   if (process && process.item.Id !== item.Id!) {
     return (
       <TouchableOpacity onPress={() => {}}>
-        <View className="rounded h-12 aspect-square flex items-center justify-center opacity-50">
+        <View className="rounded h-10 aspect-square flex items-center justify-center opacity-50">
           <Ionicons name="cloud-download-outline" size={24} color="white" />
         </View>
       </TouchableOpacity>
@@ -96,7 +96,7 @@ export const DownloadItem: React.FC<DownloadProps> = ({
           router.push("/downloads");
         }}
       >
-        <View className="rounded h-12 aspect-square flex items-center justify-center">
+        <View className="rounded h-10 aspect-square flex items-center justify-center">
           {process.progress === 0 ? (
             <ActivityIndicator size={"small"} color={"white"} />
           ) : (
@@ -120,7 +120,7 @@ export const DownloadItem: React.FC<DownloadProps> = ({
           router.push("/downloads");
         }}
       >
-        <View className="rounded h-12 aspect-square flex items-center justify-center">
+        <View className="rounded h-10 aspect-square flex items-center justify-center">
           <Ionicons name="cloud-download" size={26} color="#9333ea" />
         </View>
       </TouchableOpacity>
@@ -132,7 +132,7 @@ export const DownloadItem: React.FC<DownloadProps> = ({
           startRemuxing();
         }}
       >
-        <View className="rounded h-12 aspect-square flex items-center justify-center">
+        <View className="rounded h-10 aspect-square flex items-center justify-center">
           <Ionicons name="cloud-download-outline" size={26} color="white" />
         </View>
       </TouchableOpacity>
diff --git a/components/PlayedStatus.tsx b/components/PlayedStatus.tsx
index 51451d9c..87a1816f 100644
--- a/components/PlayedStatus.tsx
+++ b/components/PlayedStatus.tsx
@@ -47,7 +47,7 @@ export const PlayedStatus: React.FC<{ item: BaseItemDto }> = ({ item }) => {
             invalidateQueries();
           }}
         >
-          <View className="rounded h-12 aspect-square flex items-center justify-center">
+          <View className="rounded h-10 aspect-square flex items-center justify-center">
             <Ionicons name="checkmark-circle" size={30} color="white" />
           </View>
         </TouchableOpacity>
@@ -63,7 +63,7 @@ export const PlayedStatus: React.FC<{ item: BaseItemDto }> = ({ item }) => {
             invalidateQueries();
           }}
         >
-          <View className="rounded h-12 aspect-square flex items-center justify-center">
+          <View className="rounded h-10 aspect-square flex items-center justify-center">
             <Ionicons name="checkmark-circle-outline" size={30} color="white" />
           </View>
         </TouchableOpacity>