diff --git a/app/Helpers/FileManager.php b/app/Helpers/FileManager.php
index 568411d9..2a5c9ff7 100644
--- a/app/Helpers/FileManager.php
+++ b/app/Helpers/FileManager.php
@@ -27,24 +27,37 @@ class FileManager
                 return '<img src="' . $url . '" alt="' . $file->description . '" />';
                 break;
             case 'text':
-                return '<i class="fa fa-2x fa-file-text-o"></i>';
+                return self::getIcon($file, 'fa-file-text-o');
                 break;
             case 'application':
                 switch ($subtype) {
                     case 'pdf':
-                        return '<i class="fa fa-2x fa-file-pdf-o"></i>';
+                        return self::getIcon($file, 'fa-file-pdf-o');
                         break;
                     default:
-                        return '<i class="fa fa-2x fa-newspaper-o"></i>';
+                        return self::getIcon($file, 'fa-newspaper-o');
                         break;
                 }
                 break;
             default:
-                return '<i class="fa fa-2x fa-question"></i>';
+                return self::getIcon($file, 'fa-question');
                 break;
         }
     }
 
+    /**
+     * Shortcut for displaying icons
+     *
+     * @param $file
+     * @param $icon
+     *
+     * @return string
+     */
+    protected static function getIcon($file, $icon)
+    {
+        return '<p><i class="fa fa-2x ' . $icon . '"></i><br /><span>' . e(str_limit($file->original_filename, 15)) . '</span></p>';
+    }
+
     /**
      *
      *
diff --git a/resources/assets/admin/css/vendor.css b/resources/assets/admin/css/vendor.css
index 86aeb782..4f1000e0 100644
--- a/resources/assets/admin/css/vendor.css
+++ b/resources/assets/admin/css/vendor.css
@@ -14390,4 +14390,21 @@ img {
 
 .card .card-header .title small {
 	padding-left: 10px;
+}
+.card.file-preview .card-block  {
+	padding: 0;
+	height: 6em;
+	overflow: hidden;
+}
+
+.card.file-preview .card-block p {
+	padding: 1em 5px;
+}
+
+.card.file-preview .card-footer {
+	padding: 5px !important;
+}
+
+.card.file-preview .card-block img {
+	width: 100%;
 }
\ No newline at end of file
diff --git a/resources/views/admin/fileManager/filesTiles.blade.php b/resources/views/admin/fileManager/filesTiles.blade.php
index e5a2a29b..24d3af63 100644
--- a/resources/views/admin/fileManager/filesTiles.blade.php
+++ b/resources/views/admin/fileManager/filesTiles.blade.php
@@ -1,26 +1,17 @@
 <div class="row">
     @forelse($files as $file)
-        <div class="col-sm-4 col-md-2 text-center file-preview">
-            <div class="preview">
-                <a href="{{route('upload.detail', ['id' => $file->id])}}">
-                    {!! \App\Helpers\FileManager::getPreview($file) !!}
-                </a>
-            </div>
 
-            <div>
-                <a href="{{route('upload.detail', ['id' => $file->id])}}">
-                    {{str_limit($file->original_filename, 10)}}
-                </a>
-            </div>
-
-
-            @if(!isset($hideDelete) || !$hideDelete)
-                <a href="{{route('upload.delete', ['id' => $file->id])}}" data-toggle="tooltip"
-                   class="btn btn-sm rounded btn-danger confirm"
-                   title="@lang('admin/fileManager.delete')">
+        <div class="col-sm-4 col-md-2 text-center">
+            @include('admin.snippets.card', [
+            'body' => '<a href="'.route('upload.detail', ['id' => $file->id]).'">'.\App\Helpers\FileManager::getPreview($file).'</a>',
+            'footerClass' => 'text-right',
+            'cardClass' => 'file-preview',
+            'footer' => (!isset($hideDelete) || !$hideDelete) ? '<a href="'.route('upload.delete', ['id' => $file->id]).'" data-toggle="tooltip"
+                   class="btn btn-sm btn-danger confirm"
+                   title="'.trans('admin/fileManager.delete').'">
                     <i class="fa fa-trash"></i>
-                </a>
-            @endif
+                </a>' : '',
+        ])
         </div>
     @empty
         <div class="alert alert-info">
diff --git a/resources/views/admin/snippets/card.blade.php b/resources/views/admin/snippets/card.blade.php
index 7b9657be..f570e4fe 100644
--- a/resources/views/admin/snippets/card.blade.php
+++ b/resources/views/admin/snippets/card.blade.php
@@ -1,9 +1,11 @@
-<div class="card {{isset($type) ? 'card-'.$type : 'card-default'}}">
+<div class="card {{isset($type) ? 'card-'.$type : 'card-default'}}  {{$cardClass or ''}}">
+    @if(!empty($title))
     <div class="card-header">
         <div class="header-block">
             <p class="title"> {!! $title !!} </p>
         </div>
     </div>
+    @endif
     <div class="card-block">
         {!! $body !!}
     </div>