diff --git a/src/app/modules/admin/docs/guides/development/component-structure/component-structure.html b/src/app/modules/admin/docs/guides/development/component-structure/component-structure.html
index 2fced131..e1c7fd3f 100644
--- a/src/app/modules/admin/docs/guides/development/component-structure/component-structure.html
+++ b/src/app/modules/admin/docs/guides/development/component-structure/component-structure.html
@@ -64,11 +64,11 @@
 
                         <div class="flex w-full h-full">
                             <!-- Navigation -->
-                            <div class="relative w-3/12 border-r-2 border-green-400">
+                            <div class="relative w-1/4 border-r-2 border-green-400">
                                 <span class="absolute left-0 top-0 p-3 pl-6 text-green-700 font-medium">Navigation</span>
                             </div>
                             <!-- Wrapper -->
-                            <div class="flex flex-col w-9/12">
+                            <div class="flex flex-col w-3/4">
                                 <!-- Header -->
                                 <div class="relative border-b-2 border-green-400 w-full h-12">
                                     <span class="absolute left-0 top-0 p-3 pl-6 text-green-700 font-medium">Header</span>