diff --git a/frontend/src/lib/components/widgets/iconCycleCircle.svelte b/frontend/src/lib/components/widgets/iconCycleCircle.svelte
index f4b94ec..e787e0a 100644
--- a/frontend/src/lib/components/widgets/iconCycleCircle.svelte
+++ b/frontend/src/lib/components/widgets/iconCycleCircle.svelte
@@ -46,7 +46,7 @@
                     <div class="number" style="transform: rotate(calc( -1 * {rotation}deg - 90deg ))">{i + 1}</div>
                 </div>
 
-                <div class="content" style="transform: translate(calc({x}px / 15) , calc({y}px / 15))">
+                <div class="content" style="transform: translate(calc({x}px / 20) , calc({y}px / 20))">
                     <div class="icon">
                         <svg
                             id="mySvgObject{i}"
@@ -113,11 +113,12 @@
                 align-items: center;
                 justify-content: center;
                 z-index: 120;
-                font-size: 1.2rem;
+                font-size: 0.9rem;
             }
             .circle {
                 position: absolute;
                 width: 180px;
+                overflow: hidden;
                 height: 180px;
                 background: rgba(255, 255, 255, 0);
                 border: 4px solid @bg-color-secondary;
@@ -130,14 +131,17 @@
                     display: flex;
                     line-height: 1;
                     flex-direction: column;
-                    width: 100%;
-                    height: 100%;
+                    transform-origin: center;
+                    width: 95%;
+                    border-radius: 50%;
+                    height: 95%;
                     align-items: center;
-                    font-size: 1.2rem;
+                    font-size: 0.9rem;
                     justify-content: center;
+                    padding: 15px;
                     svg {
-                        width: 100%;
-                        height: 100%;
+                        width: 80%;
+                        height: 80%;
                     }
                 }
 
diff --git a/frontend/src/lib/components/widgets/nestedCard.svelte b/frontend/src/lib/components/widgets/nestedCard.svelte
index ca6ff54..40fae35 100644
--- a/frontend/src/lib/components/widgets/nestedCard.svelte
+++ b/frontend/src/lib/components/widgets/nestedCard.svelte
@@ -52,7 +52,7 @@
                 font-size: 1.2rem;
                 top: 0px;
                 height: 100px;
-                width: 320px;
+                width: 335px;
                 z-index: 9;
                 background-color: @bg-color-secondary;
             }