diff --git a/components/FileListing.tsx b/components/FileListing.tsx
index 62be03a..db61f05 100644
--- a/components/FileListing.tsx
+++ b/components/FileListing.tsx
@@ -137,7 +137,7 @@ const Checkbox: FC<{
   return (
     <span
       title={title}
-      className="hover:bg-gray-300 dark:hover:bg-gray-600 p-2 rounded cursor-pointer"
+      className="hover:bg-gray-300 dark:hover:bg-gray-600 p-1.5 inline-flex items-center rounded cursor-pointer"
       onClick={handleClick}
     >
       <input
@@ -350,10 +350,14 @@ const FileListing: FC<{ query?: ParsedUrlQuery }> = ({ query }) => {
             <div className="md:block hidden col-span-3 font-bold text-gray-600 dark:text-gray-300 uppercase tracking-widest text-xs">
               Last Modified
             </div>
-            <div className="md:block hidden font-bold text-gray-600 dark:text-gray-300 uppercase tracking-widest text-xs">Size</div>
-            <div className="md:block hidden font-bold text-gray-600 dark:text-gray-300 uppercase tracking-widest text-xs">Actions</div>
             <div className="md:block hidden font-bold text-gray-600 dark:text-gray-300 uppercase tracking-widest text-xs">
-              <div className="md:flex dark:text-gray-400 hidden px-1.5 py-1 text-gray-700">
+              Size
+            </div>
+            <div className="md:block hidden font-bold text-gray-600 dark:text-gray-300 uppercase tracking-widest text-xs">
+              Actions
+            </div>
+            <div className="md:block hidden font-bold text-gray-600 dark:text-gray-300 uppercase tracking-widest text-xs">
+              <div className="md:flex dark:text-gray-400 hidden p-1.5 text-gray-700">
                 <Checkbox
                   checked={totalSelected}
                   onChange={toggleTotalSelected}
@@ -365,7 +369,7 @@ const FileListing: FC<{ query?: ParsedUrlQuery }> = ({ query }) => {
                 ) : (
                   <button
                     title="Download selected files"
-                    className="hover:bg-gray-300 dark:hover:bg-gray-600 p-2 rounded cursor-pointer disabled:text-gray-400 disabled:dark:text-gray-600 disabled:hover:bg-white disabled:hover:dark:bg-gray-900 disabled:cursor-not-allowed"
+                    className="hover:bg-gray-300 dark:hover:bg-gray-600 p-1.5 rounded cursor-pointer disabled:text-gray-400 disabled:dark:text-gray-600 disabled:hover:bg-white disabled:hover:dark:bg-gray-900 disabled:cursor-not-allowed"
                     disabled={totalSelected === 0}
                     onClick={handleSelectedDownload}
                   >
@@ -460,7 +464,7 @@ const FileListing: FC<{ query?: ParsedUrlQuery }> = ({ query }) => {
                   )}
                 </div>
               ) : (
-                <div className="md:flex dark:text-gray-400 hidden px-1.5 py-1 text-gray-700">
+                <div className="md:flex dark:text-gray-400 hidden p-1.5 text-gray-700">
                   <span
                     title="Copy raw file permalink"
                     className="hover:bg-gray-300 dark:hover:bg-gray-600 px-1.5 py-1 rounded cursor-pointer"
@@ -475,17 +479,15 @@ const FileListing: FC<{ query?: ParsedUrlQuery }> = ({ query }) => {
                   </span>
                   <a
                     title="Download file"
-                    className="hover:bg-gray-300 dark:hover:bg-gray-600 p-1 rounded cursor-pointer"
+                    className="hover:bg-gray-300 dark:hover:bg-gray-600 px-1.5 py-1 rounded cursor-pointer"
                     href={c['@microsoft.graph.downloadUrl']}
                   >
                     <FontAwesomeIcon icon={['far', 'arrow-alt-circle-down']} />
                   </a>
                 </div>
               )}
-              <div className="md:flex dark:text-gray-400 hidden p-1 text-gray-700">
-                {c.folder || c.name === '.password' ? (
-                  ''
-                ) : (
+              <div className="md:flex dark:text-gray-400 hidden p-1.5 text-gray-700">
+                {!c.folder && !(c.name === '.password') && (
                   <Checkbox
                     checked={selected[c.id] ? 2 : 0}
                     onChange={() => toggleItemSelected(c.id)}
diff --git a/pages/_app.tsx b/pages/_app.tsx
index 98fa744..6fa57a8 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -37,6 +37,7 @@ import {
   faSignOutAlt,
   faCloud,
   faChevronCircleDown,
+  faLink,
   faExternalLinkAlt,
   faExclamationCircle,
   faExclamationTriangle,
@@ -74,6 +75,7 @@ library.add(
   faPlus,
   faMinus,
   faDownload,
+  faLink,
   faUndo,
   faBook,
   faArrowAltCircleDown,
diff --git a/utils/getFileIcon.ts b/utils/getFileIcon.ts
index 0a1c711..57ac808 100644
--- a/utils/getFileIcon.ts
+++ b/utils/getFileIcon.ts
@@ -14,6 +14,7 @@ const icons: { [key: string]: [IconPrefix, IconName] } = {
   file: ['far', 'file'],
   markdown: ['fab', 'markdown'],
   book: ['fas', 'book'],
+  link: ['fas', 'link'],
 }
 
 const extensions = {
@@ -73,6 +74,8 @@ const extensions = {
   epub: icons.book,
   mobi: icons.book,
   azw3: icons.book,
+
+  url: icons.link,
 }
 
 /**