import React from 'react';
import { c } from 'ttag';
import FullLoader from '../../components/loader/FullLoader';
import TextLoader from '../../components/loader/TextLoader';

const PreviewLoader = () => {
    return (
        <div className="pd-file-preview-container">
            <div className="centered-absolute aligncenter w100">
                <FullLoader size={100} />
                <TextLoader>{c('Info').t`Loading preview`}</TextLoader>
            </div>
        </div>
    );
};

export default PreviewLoader;

import React from 'react';
import { c } from 'ttag';
import FullLoader from '../../components/loader/FullLoader';
import TextLoader from '../../components/loader/TextLoader';

const PreviewLoader = () => {
    return (
        <div className="pd-file-preview-container">
            <div className="centered-absolute">
                <FullLoader size={100} />
                <TextLoader>{c('Info').t`Loading preview`}</TextLoader>
            </div>
        </div>
    );
};

export default PreviewLoader;

--- 
+++ 
@@ -6,7 +6,7 @@
 const PreviewLoader = () => {
     return (
         <div className="pd-file-preview-container">
-            <div className="centered-absolute">
+            <div className="centered-absolute aligncenter w100">
                 <FullLoader size={100} />
                 <TextLoader>{c('Info').t`Loading preview`}</TextLoader>
             </div>
Align center for preview loading
