diff --git a/src/features/ui/components/modals/media-modal.tsx b/src/features/ui/components/modals/media-modal.tsx
index 267683f84..75dd41218 100644
--- a/src/features/ui/components/modals/media-modal.tsx
+++ b/src/features/ui/components/modals/media-modal.tsx
@@ -315,6 +315,7 @@ const MediaModal: React.FC<IMediaModal> = (props) => {
               style={swipeableViewsStyle}
               containerStyle={containerStyle}
               onChangeIndex={handleSwipe}
+              className='flex items-center justify-center '
               index={getIndex()}
             >
               {content}