diff --git a/contents/_includes/covers/circular-navigation.njk b/contents/_includes/covers/circular-navigation.njk
index 5bdf8a9..715a47b 100644
--- a/contents/_includes/covers/circular-navigation.njk
+++ b/contents/_includes/covers/circular-navigation.njk
@@ -1,7 +1,9 @@
-<div class="circular-navigation">
-    {% for i in range(0, 6) -%}
-    <div class="circular-navigation__circle circular-navigation__circle--{{ i + 1 }}">
-        <div class="circular-navigation__content">{{ i + 1 }}</div>
+<div class="circular-navigation-container">
+    <div class="circular-navigation">
+        {% for i in range(0, 6) -%}
+        <div class="circular-navigation__circle circular-navigation__circle--{{ i + 1 }}">
+            <div class="circular-navigation__content">{{ i + 1 }}</div>
+        </div>
+        {%- endfor %}
     </div>
-    {%- endfor %}
 </div>
\ No newline at end of file
diff --git a/styles/patterns/_circular-navigation.scss b/styles/patterns/_circular-navigation.scss
index e5d39f9..9b7670c 100644
--- a/styles/patterns/_circular-navigation.scss
+++ b/styles/patterns/_circular-navigation.scss
@@ -1,6 +1,4 @@
-.circular-navigation {
-    position: relative;
-
+.circular-navigation-container {
     /* Demo */
     align-items: center;
     display: flex;
@@ -10,6 +8,12 @@
     width: 8rem;
 }
 
+.circular-navigation {
+    position: relative;
+    height: 2rem;
+    width: 2rem;
+}
+
 .circular-navigation__circle {
     /* Position */
     position: absolute;