diff --git a/res/layout/preference_animated_image.xml b/res/layout/preference_animated_image.xml
index 0ab8adf275d..64cfc982ef7 100644
--- a/res/layout/preference_animated_image.xml
+++ b/res/layout/preference_animated_image.xml
@@ -15,30 +15,31 @@
   limitations under the License.
   -->
 
-<FrameLayout
+<LinearLayout
     xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_width="match_parent"
-    android:layout_height="wrap_content"
-    android:clipToPadding="false"
+    android:layout_height="@dimen/settingslib_illustration_height"
+    android:gravity="center"
+    android:padding="@dimen/settingslib_illustration_padding"
+    android:orientation="vertical"
     android:importantForAccessibility="noHideDescendants">
 
     <ImageView
         android:id="@+id/animated_img"
-        android:layout_width="match_parent"
-        android:layout_height="wrap_content"
-        android:layout_gravity="center"
+        android:maxWidth="@dimen/settingslib_illustration_width"
+        android:layout_width="wrap_content"
+        android:layout_height="match_parent"
+        android:background="@drawable/protection_background"
         android:scaleType="fitCenter"
-        android:focusable="false"
-        android:clickable="false"
         android:adjustViewBounds="true"/>
 
     <com.airbnb.lottie.LottieAnimationView
         android:id="@+id/lottie_view"
-        android:layout_width="412dp"
-        android:layout_height="300dp"
-        android:layout_gravity="center"
+        android:maxWidth="@dimen/settingslib_illustration_width"
+        android:layout_width="wrap_content"
+        android:layout_height="match_parent"
         android:background="@drawable/protection_background"
         android:scaleType="fitCenter"
         android:adjustViewBounds="true"
         android:clipToOutline="true"/>
-</FrameLayout>
\ No newline at end of file
+</LinearLayout>
\ No newline at end of file