diff --git a/src/components/home/FeaturedContent.tsx b/src/components/home/FeaturedContent.tsx
index d02b19ea..31d399ca 100644
--- a/src/components/home/FeaturedContent.tsx
+++ b/src/components/home/FeaturedContent.tsx
@@ -518,7 +518,7 @@ const FeaturedContent = ({ featuredContent, isSaved, handleSaveToLibrary, loadin
               onPress={handleSaveToLibrary}
               activeOpacity={0.7}
             >
-              <Feather name="bookmark" size={20} color={currentTheme.colors.white} />
+              <MaterialIcons name={isSaved ? "bookmark" : "bookmark-outline"} size={20} color={currentTheme.colors.white} />
               <Text style={[styles.tabletSecondaryButtonText as TextStyle, { color: currentTheme.colors.white }]}>
                 {isSaved ? "Saved" : "My List"}
               </Text>
@@ -624,7 +624,7 @@ const FeaturedContent = ({ featuredContent, isSaved, handleSaveToLibrary, loadin
                     onPress={handleSaveToLibrary}
                     activeOpacity={0.7}
                   >
-                    <Feather name="bookmark" size={24} color={currentTheme.colors.white} />
+                    <MaterialIcons name={isSaved ? "bookmark" : "bookmark-outline"} size={24} color={currentTheme.colors.white} />
                     <Text style={[styles.myListButtonText as TextStyle, { color: currentTheme.colors.white }]}>
                       {isSaved ? "Saved" : "Save"}
                     </Text>
diff --git a/src/components/metadata/FloatingHeader.tsx b/src/components/metadata/FloatingHeader.tsx
index ead87048..fd3a8ac0 100644
--- a/src/components/metadata/FloatingHeader.tsx
+++ b/src/components/metadata/FloatingHeader.tsx
@@ -131,7 +131,7 @@ const FloatingHeader: React.FC<FloatingHeaderProps> = ({
                 onPress={handleToggleLibrary}
                 hitSlop={{ top: 10, bottom: 10, left: 10, right: 10 }}
               >
-                <Feather name="bookmark" size={22} color={currentTheme.colors.highEmphasis} />
+                <MaterialIcons name={inLibrary ? "bookmark" : "bookmark-outline"} size={22} color={currentTheme.colors.highEmphasis} />
               </TouchableOpacity>
             </Animated.View>
           </GlassViewComp>
@@ -175,7 +175,7 @@ const FloatingHeader: React.FC<FloatingHeaderProps> = ({
                 onPress={handleToggleLibrary}
                 hitSlop={{ top: 10, bottom: 10, left: 10, right: 10 }}
               >
-                <Feather name="bookmark" size={22} color={currentTheme.colors.highEmphasis} />
+                <MaterialIcons name={inLibrary ? "bookmark" : "bookmark-outline"} size={22} color={currentTheme.colors.highEmphasis} />
               </TouchableOpacity>
             </Animated.View>
           </ExpoBlurView>
@@ -221,7 +221,7 @@ const FloatingHeader: React.FC<FloatingHeaderProps> = ({
               onPress={handleToggleLibrary}
               hitSlop={{ top: 10, bottom: 10, left: 10, right: 10 }}
             >
-              <Feather name="bookmark" size={22} color={currentTheme.colors.highEmphasis} />
+              <MaterialIcons name={inLibrary ? "bookmark" : "bookmark-outline"} size={22} color={currentTheme.colors.highEmphasis} />
             </TouchableOpacity>
           </Animated.View>
         </View>
diff --git a/src/components/metadata/HeroSection.tsx b/src/components/metadata/HeroSection.tsx
index 6e425e2a..c5fdee3c 100644
--- a/src/components/metadata/HeroSection.tsx
+++ b/src/components/metadata/HeroSection.tsx
@@ -306,8 +306,8 @@ const ActionButtons = memo(({
         ) : (
           <View style={styles.androidFallbackBlur} />
         )}
-        <Feather
-          name="bookmark"
+        <MaterialIcons
+          name={inLibrary ? "bookmark" : "bookmark-outline"}
           size={isTablet ? 28 : 24}
           color={currentTheme.colors.white}
         />