diff --git a/client/src/components/DataFiles/DataFilesModals/DataFilesPreviewModal.jsx b/client/src/components/DataFiles/DataFilesModals/DataFilesPreviewModal.jsx
index 6d215463f..169bfb171 100644
--- a/client/src/components/DataFiles/DataFilesModals/DataFilesPreviewModal.jsx
+++ b/client/src/components/DataFiles/DataFilesModals/DataFilesPreviewModal.jsx
@@ -101,11 +101,10 @@ const DataFilesPreviewModal = () => {
           <NiiVue imageUrl={href} fileName={params.path}></NiiVue>
         )}
         {previewUsingHref && !previewUsingBrainmap && (
-          <div className="embed-responsive embed-responsive-4by3">
+          <div className="ratio ratio-4x3">
             <iframe
               title="preview"
               frameBorder="0"
-              className="embed-responsive-item"
               onLoad={onFrameLoad}
               src={href}
             />