diff --git a/packages/uni_ui/lib/cards/library_occupation_card.dart b/packages/uni_ui/lib/cards/library_occupation_card.dart
index 1cdb6ddf5..70e538e6e 100644
--- a/packages/uni_ui/lib/cards/library_occupation_card.dart
+++ b/packages/uni_ui/lib/cards/library_occupation_card.dart
@@ -20,7 +20,7 @@ class FloorOccupationWidget extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return Container(
-      padding: const EdgeInsets.symmetric(vertical: 5),
+      padding: const EdgeInsets.symmetric(vertical: 3),
       child: Column(
         children: [
           Row(
@@ -39,7 +39,7 @@ class FloorOccupationWidget extends StatelessWidget {
           LinearPercentIndicator(
             lineHeight: 8.0,
             percent: occupation / capacity,
-            backgroundColor: Theme.of(context).colorScheme.surface,
+            backgroundColor: const Color.fromRGBO(177, 77, 84, 0.25),
             progressColor: Theme.of(context).primaryColor,
             barRadius: const Radius.circular(10),
             padding: EdgeInsets.zero,
@@ -66,12 +66,12 @@ class LibraryOccupationCard extends StatelessWidget {
   Widget build(BuildContext context) {
     return GenericCard(
       key: key,
-      padding: const EdgeInsets.symmetric(vertical: 25, horizontal: 15),
+      padding: const EdgeInsets.symmetric(vertical: 20, horizontal: 10),
       tooltip: '',
       child: Row(
         children: [
           CircularPercentIndicator(
-            radius: 100,
+            radius: 90,
             lineWidth: 12,
             percent: occupation / capacity,
             center: Text(
@@ -79,10 +79,10 @@ class LibraryOccupationCard extends StatelessWidget {
               style: Theme.of(context).textTheme.displayMedium,
             ),
             circularStrokeCap: CircularStrokeCap.round,
-            backgroundColor: Theme.of(context).colorScheme.surface,
+            backgroundColor: const Color.fromRGBO(177, 77, 84, 0.25),
             progressColor: Theme.of(context).primaryColor,
           ),
-          const SizedBox(width: 20),
+          const SizedBox(width: 10),
           Expanded(
             child: Column(
               children: occupationWidgetsList,