diff --git a/frontend/src/pages/SettingsUser.tsx b/frontend/src/pages/SettingsUser.tsx
index d87f0290..47cf64e4 100644
--- a/frontend/src/pages/SettingsUser.tsx
+++ b/frontend/src/pages/SettingsUser.tsx
@@ -90,6 +90,7 @@ const SettingsUser = () => {
                     setPageSize(Number(event.target.value));
                   }}
                 />
+
                 <div className="button-box">
                   {userConfig.config.page_size !== pageSize && (
                     <>
diff --git a/frontend/src/pages/Video.tsx b/frontend/src/pages/Video.tsx
index e76a1dfe..19425015 100644
--- a/frontend/src/pages/Video.tsx
+++ b/frontend/src/pages/Video.tsx
@@ -329,10 +329,14 @@ const Video = () => {
                   )}
                 </>
               )}
+            </div>
+
+            <div className="button-box">
               <a download="" href={`${getApiUrl()}${video.media_url}`}>
                 <Button label="Download File" id="download-item" />
-              </a>{' '}
+              </a>
             </div>
+
             <div className="button-box">
               {isAdmin && (
                 <>
@@ -364,6 +368,7 @@ const Video = () => {
                 </>
               )}{' '}
             </div>
+
             <div className="button-box">
               {!showAddToPlaylist && (
                 <Button
@@ -376,6 +381,7 @@ const Video = () => {
                   }}
                 />
               )}
+
               {showAddToPlaylist && (
                 <>
                   <div className="video-popup-menu">
diff --git a/frontend/src/style.css b/frontend/src/style.css
index ebcd71f9..cdf105d8 100644
--- a/frontend/src/style.css
+++ b/frontend/src/style.css
@@ -132,7 +132,7 @@ button:hover {
 }
 
 .button-box {
-  padding: 5px 0;
+  padding: 5px 2px;
   display: inline-flex;
   gap: 5px;
 }