diff --git a/.github/release-drafter.yml b/.github/release-drafter.yml
index d98524bd..6f5116e7 100644
--- a/.github/release-drafter.yml
+++ b/.github/release-drafter.yml
@@ -8,6 +8,9 @@ categories:
   - title: '✨ Enhancements'
     labels:
       - 'enhancement'
+  - title: '🎨 UI Tweaks'
+    labels:
+      - 'ui-tweaks'
   - title: '🐛 Bug Fixes'
     labels:
       - 'bug'
diff --git a/booklore-ui/src/app/dashboard/components/dashboard-scroller/dashboard-scroller.component.scss b/booklore-ui/src/app/dashboard/components/dashboard-scroller/dashboard-scroller.component.scss
index 65d18046..0ffa179e 100644
--- a/booklore-ui/src/app/dashboard/components/dashboard-scroller/dashboard-scroller.component.scss
+++ b/booklore-ui/src/app/dashboard/components/dashboard-scroller/dashboard-scroller.component.scss
@@ -129,9 +129,9 @@
   &::after {
     content: '';
     position: absolute;
-    bottom: -12px;
-    left: 15%;
-    right: 15%;
+    bottom: -8px;
+    left: 10%;
+    right: 10%;
     height: 5px;
     background: linear-gradient(
         90deg,
@@ -149,8 +149,8 @@
 @media (max-width: 767px) {
 
   .dashboard-scroller-card {
-    height: 184px;   /* 80% of 230px */
-    width: 108px;    /* 80% of 135px */
+    height: 184px;
+    width: 108px;
     flex-basis: 108px;
   }
 
diff --git a/booklore-ui/src/app/metadata/book-metadata-center-component/metadata-viewer/metadata-viewer.component.scss b/booklore-ui/src/app/metadata/book-metadata-center-component/metadata-viewer/metadata-viewer.component.scss
index 7f0f244e..5eb4532e 100644
--- a/booklore-ui/src/app/metadata/book-metadata-center-component/metadata-viewer/metadata-viewer.component.scss
+++ b/booklore-ui/src/app/metadata/book-metadata-center-component/metadata-viewer/metadata-viewer.component.scss
@@ -47,9 +47,40 @@
 
 .dashboard-scroller-card {
   width: 115px;
+  flex-basis: 115px;
   flex-shrink: 0;
   flex-grow: 0;
-  flex-basis: 115px;
+  scroll-snap-align: start;
+  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
+  position: relative;
+  border-radius: 8px;
+
+  &:hover {
+    transform: translateY(-4px);
+
+    &::after {
+      opacity: 1;
+    }
+  }
+
+  &::after {
+    content: '';
+    position: absolute;
+    bottom: 0;
+    left: 7%;
+    right: 7%;
+    height: 4px;
+    background: linear-gradient(
+        90deg,
+        transparent,
+        var(--p-primary-500),
+        transparent
+    );
+    border-radius: 50%;
+    opacity: 0;
+    transition: all 0.4s ease;
+    filter: blur(4px);
+  }
 }
 
 .description-container {
@@ -138,4 +169,3 @@
 ::ng-deep .custom-tag-padding {
   padding: 0.1rem !important;
 }
-