diff --git a/mastodon/src/main/java/org/joinmastodon/android/ui/displayitems/MediaGridStatusDisplayItem.java b/mastodon/src/main/java/org/joinmastodon/android/ui/displayitems/MediaGridStatusDisplayItem.java
index 4dd42b134..bbce46ee1 100644
--- a/mastodon/src/main/java/org/joinmastodon/android/ui/displayitems/MediaGridStatusDisplayItem.java
+++ b/mastodon/src/main/java/org/joinmastodon/android/ui/displayitems/MediaGridStatusDisplayItem.java
@@ -254,7 +254,7 @@ public class MediaGridStatusDisplayItem extends StatusDisplayItem{
 			noAltText.setVisibility(!hasAltText && showNoAltIndicator ? View.VISIBLE : View.GONE);
 			altText.setText(att.description);
 			altTextWrapper.setVisibility(View.VISIBLE);
-			altTextWrapper.setBackgroundResource(hasAltText ? R.drawable.bg_image_alt_overlay : R.drawable.bg_image_no_alt_overlay);
+			altTextWrapper.setBackgroundResource(hasAltText ? R.drawable.bg_image_alt_text_overlay : R.drawable.bg_image_no_alt_overlay);
 			altTextWrapper.getViewTreeObserver().addOnPreDrawListener(new ViewTreeObserver.OnPreDrawListener(){
 				@Override
 				public boolean onPreDraw(){
@@ -365,8 +365,8 @@ public class MediaGridStatusDisplayItem extends StatusDisplayItem{
 				@Override
 				public void onAnimationEnd(Animator animation){
 					altTextAnimator=null;
-					altTextWrapper.setVisibility(View.GONE);
-					btn.setVisibility(View.VISIBLE);
+					V.setVisibilityAnimated(altTextWrapper, View.GONE);
+					V.setVisibilityAnimated(btn, View.VISIBLE);
 					btn.setAlpha(1);
 				}
 			});
diff --git a/mastodon/src/main/res/drawable/bg_image_alt_overlay.xml b/mastodon/src/main/res/drawable/bg_image_alt_overlay.xml
index a4c289467..45d950ee0 100644
--- a/mastodon/src/main/res/drawable/bg_image_alt_overlay.xml
+++ b/mastodon/src/main/res/drawable/bg_image_alt_overlay.xml
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="utf-8"?>
 <shape xmlns:android="http://schemas.android.com/apk/res/android">
-	<solid android:color="#B2000000"/>
+	<solid android:color="#69000000"/>
 	<corners android:radius="4dp"/>
 </shape>
\ No newline at end of file
diff --git a/mastodon/src/main/res/drawable/bg_image_alt_text_overlay.xml b/mastodon/src/main/res/drawable/bg_image_alt_text_overlay.xml
new file mode 100644
index 000000000..b7529b39b
--- /dev/null
+++ b/mastodon/src/main/res/drawable/bg_image_alt_text_overlay.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+	<solid android:color="#D0000000"/>
+	<corners android:radius="4dp"/>
+</shape>
\ No newline at end of file
diff --git a/mastodon/src/main/res/layout/alt_text_badge.xml b/mastodon/src/main/res/layout/alt_text_badge.xml
index 60541fdad..4f1cc9c3f 100644
--- a/mastodon/src/main/res/layout/alt_text_badge.xml
+++ b/mastodon/src/main/res/layout/alt_text_badge.xml
@@ -24,7 +24,7 @@
 		android:layout_height="wrap_content"
 		android:layout_gravity="bottom"
 		android:textAppearance="@style/m3_label_large"
-		android:textColor="?colorGray25"
+		android:textColor="?colorM3DarkOnSurface"
 		android:gravity="center"
 		android:includeFontPadding="false"
 		android:paddingHorizontal="6dp"
diff --git a/mastodon/src/main/res/layout/overlay_image_alt_text.xml b/mastodon/src/main/res/layout/overlay_image_alt_text.xml
index 0af3dcab8..a92cd56d0 100644
--- a/mastodon/src/main/res/layout/overlay_image_alt_text.xml
+++ b/mastodon/src/main/res/layout/overlay_image_alt_text.xml
@@ -7,7 +7,7 @@
 	android:layout_gravity="end|bottom"
 	android:layout_margin="12dp"
 	android:importantForAccessibility="noHideDescendants"
-	android:background="@drawable/bg_image_alt_overlay">
+	android:background="@drawable/bg_image_alt_text_overlay">
 
 	<ImageView
 		android:id="@+id/no_alt_button"