diff --git a/backend/services/chunk-service/utils/createVideoThumbnail.ts b/backend/services/chunk-service/utils/createVideoThumbnail.ts
index cff4710..87fccda 100644
--- a/backend/services/chunk-service/utils/createVideoThumbnail.ts
+++ b/backend/services/chunk-service/utils/createVideoThumbnail.ts
@@ -112,6 +112,7 @@ const createVideoThumbnail = (
               $set: {
                 "metadata.hasThumbnail": true,
                 "metadata.thumbnailID": thumbnailModel._id,
+                "metadata.isVideo": true,
               },
             }
           );
diff --git a/src/components/MultiSelectBar/MultiSelectBar.tsx b/src/components/MultiSelectBar/MultiSelectBar.tsx
index 80c1549..3770481 100644
--- a/src/components/MultiSelectBar/MultiSelectBar.tsx
+++ b/src/components/MultiSelectBar/MultiSelectBar.tsx
@@ -160,7 +160,7 @@ const MultiSelectBar: React.FC = () => {
         <div className="flex flex-row items-center justify-between">
           <div className="flex flex-row items-center">
             <CloseIcon
-              className="w-5 h-5 cursor-pointer hover:text-primary"
+              className="w-7 h-7 md:w-5 md:h-5 cursor-pointer hover:text-primary"
               onClick={closeMultiSelect}
             />
             <p className="ml-4 select-none">{multiSelectCount} selected</p>
@@ -170,17 +170,17 @@ const MultiSelectBar: React.FC = () => {
             {!isTrash && (
               <React.Fragment>
                 <TrashIcon
-                  className="ml-4 cursor-pointer w-5 h-5 hover:text-primary"
+                  className="ml-4 cursor-pointer w-7 h-7 md:w-5 md:h-5 hover:text-primary"
                   onClick={trashItems}
                 />
                 {!isMedia && (
                   <Moveicon
-                    className="ml-4 cursor-pointer w-5 h-5 hover:text-primary"
+                    className="ml-4 cursor-pointer w-7 h-7 md:w-5 md:h-5 hover:text-primary"
                     onClick={moveItems}
                   />
                 )}
                 <DownloadIcon
-                  className="ml-4 cursor-pointer w-5 h-5 hover:text-primary"
+                  className="ml-4 cursor-pointer w-7 h-7 md:w-5 md:h-5 hover:text-primary"
                   onClick={downloadItems}
                 />
               </React.Fragment>
@@ -188,11 +188,11 @@ const MultiSelectBar: React.FC = () => {
             {isTrash && (
               <React.Fragment>
                 <RestoreIcon
-                  className="ml-4 cursor-pointer w-5 h-5 hover:text-primary"
+                  className="ml-4 cursor-pointerw-7 h-7 md:w-5 md:h-5 hover:text-primary"
                   onClick={restoreItems}
                 />
                 <TrashIcon
-                  className="ml-4 cursor-pointer text-red-500 w-5 h-5 hover:text-red-700"
+                  className="ml-4 cursor-pointer text-red-500 w-7 h-7 md:w-5 md:h-5 hover:text-red-700"
                   onClick={deleteItems}
                 />
               </React.Fragment>
diff --git a/src/components/RightSection/RightSection.tsx b/src/components/RightSection/RightSection.tsx
index 111e75c..5c8700f 100644
--- a/src/components/RightSection/RightSection.tsx
+++ b/src/components/RightSection/RightSection.tsx
@@ -13,6 +13,7 @@ import { useUtils } from "../../hooks/utils";
 import { useThumbnail } from "../../hooks/files";
 import CloseIcon from "../../icons/CloseIcon";
 import FileDetailsIcon from "../../icons/FileDetailsIcon";
+import ActionsIcon from "../../icons/ActionsIcon";
 
 const RightSection = memo(() => {
   const selectedItem = useAppSelector((state) => state.selected.mainSection);
@@ -195,7 +196,7 @@ const RightSection = memo(() => {
                   // @ts-ignore
                   onClick={onContextMenu}
                 >
-                  <i className="fas fa-ellipsis-h" aria-hidden="true"></i>
+                  <ActionsIcon className="w-[20px] h-[20px]" />
                 </a>
               </div>
             </div>
diff --git a/src/components/Spinner/Spinner.tsx b/src/components/Spinner/Spinner.tsx
index b30007e..ec8343a 100644
--- a/src/components/Spinner/Spinner.tsx
+++ b/src/components/Spinner/Spinner.tsx
@@ -1,3 +1 @@
-import React from "react";
-
-export default () => <div className="spinner-image spinner-image-grey"></div>;
+export default () => <div className="spinner"></div>;
diff --git a/src/styles/components/_Spinner.scss b/src/styles/components/_Spinner.scss
index 6016b64..0c84432 100644
--- a/src/styles/components/_Spinner.scss
+++ b/src/styles/components/_Spinner.scss
@@ -2,8 +2,8 @@
   border: 3px solid #f3f3f3;
   border-top: 3px solid #3498db;
   border-radius: 50%;
-  width: 40px;
-  height: 40px;
+  width: 50px;
+  height: 25px;
   margin-left: 50%;
   text-align: center;
   animation: spin 2s linear infinite;
@@ -14,7 +14,7 @@
   border-top: 3px solid #3498db;
   border-radius: 50%;
   width: 20px;
-  height: 20px;
+  height: 10px;
   margin-left: 50%;
   text-align: center;
   animation: spin 2s linear infinite;