diff --git a/components/NoLinksFound.tsx b/components/NoLinksFound.tsx
index 9b7ca13..0d61f6e 100644
--- a/components/NoLinksFound.tsx
+++ b/components/NoLinksFound.tsx
@@ -11,7 +11,7 @@ export default function NoLinksFound({ text }: Props) {
   const { setModal } = useModalStore();
 
   return (
-    <div className="w-full h-full flex flex-col justify-center p-10">
+    <div className="border border-solid border-sky-100 dark:border-neutral-700 w-full h-full flex flex-col justify-center p-10 rounded-2xl bg-gray-50 dark:bg-neutral-800">
       <p className="text-center text-2xl text-black dark:text-white">
         {text || "You haven't created any Links Here"}
       </p>
diff --git a/components/SettingsSidebar.tsx b/components/SettingsSidebar.tsx
index eabbe9b..ce1a310 100644
--- a/components/SettingsSidebar.tsx
+++ b/components/SettingsSidebar.tsx
@@ -20,7 +20,7 @@ import {
 } from "@fortawesome/free-brands-svg-icons";
 
 export default function SettingsSidebar({ className }: { className?: string }) {
-  const LINKWARDEN_VERSION = "v2.2.0";
+  const LINKWARDEN_VERSION = "v2.2.1";
 
   const { collections } = useCollectionStore();
 
diff --git a/pages/dashboard.tsx b/pages/dashboard.tsx
index 07e1d5f..f2507f9 100644
--- a/pages/dashboard.tsx
+++ b/pages/dashboard.tsx
@@ -124,7 +124,7 @@ export default function Dashboard() {
         </div>
 
         <div>
-          <div className="flex justify-between flex-col md:flex-row md:items-center gap-2 md:w-full h-full rounded-2xl p-8 border border-sky-100 dark:border-neutral-700 bg-gray-100 dark:bg-neutral-800">
+          <div className="flex justify-evenly flex-col md:flex-row md:items-center gap-2 md:w-full h-full rounded-2xl p-8 border border-sky-100 dark:border-neutral-700 bg-gray-100 dark:bg-neutral-800">
             <DashboardItem
               name={numberOfLinks === 1 ? "Link" : "Links"}
               value={numberOfLinks}
@@ -132,7 +132,7 @@ export default function Dashboard() {
             />
 
             <hr className="border-sky-100 dark:border-neutral-700 md:hidden my-5" />
-            <div className="h-full border-1 border-l border-sky-100 dark:border-neutral-700 hidden md:block"></div>
+            <div className="h-24 border-1 border-l border-sky-100 dark:border-neutral-700 hidden md:block"></div>
 
             <DashboardItem
               name={collections.length === 1 ? "Collection" : "Collections"}
@@ -141,7 +141,7 @@ export default function Dashboard() {
             />
 
             <hr className="border-sky-100 dark:border-neutral-700 md:hidden my-5" />
-            <div className="h-full border-1 border-r border-sky-100 dark:border-neutral-700 hidden md:block"></div>
+            <div className="h-24 border-1 border-r border-sky-100 dark:border-neutral-700 hidden md:block"></div>
 
             <DashboardItem
               name={tags.length === 1 ? "Tag" : "Tags"}
@@ -312,7 +312,7 @@ export default function Dashboard() {
         </div>
 
         <div
-          style={{ flex: "0 1 auto" }}
+          style={{ flex: "1 1 auto" }}
           className="flex flex-col 2xl:flex-row items-start 2xl:gap-2"
         >
           {links[0] ? (