diff --git a/resources/views/dashboards/lack_of_potential.blade.php b/resources/views/dashboards/lack_of_potential.blade.php
index 4094af2..6437e15 100644
--- a/resources/views/dashboards/lack_of_potential.blade.php
+++ b/resources/views/dashboards/lack_of_potential.blade.php
@@ -44,19 +44,24 @@
                     <x-custom-circle title="Non Usaha" size="large" style="background-color: #3a968b;margin-top:20px;" />
                     <x-custom-circle title="USAHA" size="large" style="background-color: #627c8b;margin-top:150px;" />
                 </div>
-
+                
                 <div  style="position: absolute; top: 650px; left: 110px;">
+                    <div class="square dia-top-right-bottom-left" style="top:-110px;left:40px;width:200px;height:120px;"></div>
+                    <div class="square dia-top-right-bottom-left" style="top:-110px;left:90px;width:150px;height:170px;"></div>
+                    <div class="square dia-top-left-bottom-right" style="top:-110px;left:230px;width:150px;height:170px;"></div>
+                    <div class="square dia-top-left-bottom-right" style="top:-110px;left:260px;width:200px;height:180px;"></div>
                     <x-custom-circle title="Villa" size="small" style="float:left;background-color: #234f6c;" />
                     <x-custom-circle title="Pabrik" size="small" style="float:left;background-color: #234f6c;" />
                     <x-custom-circle title="Jalan Protocol" size="small" style="float:left;background-color: #234f6c;" />
                     <x-custom-circle title="Ruko" size="small" style="float:left;background-color: #234f6c;" />
-                    <x-custom-circle title="Pariwisata" size="small" style="float:left;background-color: #234f6c;" />
-                    
+                    <x-custom-circle title="Pariwisata" size="small" style="float:left;background-color: #234f6c; margin-right: 20px;" />
+                    <div class="square" style="width:150px;height:2px;background-color:black;left:350px;top:50px;"></div>
                     <x-custom-circle title="DISBUDPAR" size="small" style="background-color: #3a968b;" />
                 </div>
-
+                
                 <div style="position: absolute; top: 280px; left: 550px;">
-               
+                    <div class="square dia-top-left-bottom-right" style="top:-110px;left:-150px;width:200px;height:180px;"></div>
+                    <div class="square dia-top-right-bottom-left" style="top:70px;left:-150px;width:200px;height:130px;"></div>
                     <x-custom-circle title="Tim Wasdal Gabungan" size="large" style="background-color: #da6635;float:left" />
                     <div class="square" style="width:650px;height:5px;background-color:black;left:100px;top:75px;"></div>
                     @component('components.circle', [
@@ -67,21 +72,27 @@
                         'visible_small_circle' => false,
                         'style' => 'margin-left:180px;top:-20px;'
                         ])
-                    @endcomponent
+                        @endcomponent
+                        
+                        <x-custom-circle title="Tata Ruang" size="large" style="background-color: #da6635;float:left;margin-left:250px;" />
+                        
+                    </div>
                     
-                    <x-custom-circle title="Tata Ruang" size="large" style="background-color: #da6635;float:left;margin-left:250px;" />
+                    <div style="position: absolute; top: 310px; left: 1150px;">
+                        <div class="square dia-top-left-bottom-right" style="top:90px;left:-100px;width:100px;height:100px;"></div>
+                        <div class="square dia-top-right-bottom-left" style="top:-110px;left:-100px;width:100px;height:100px;"></div>
+                        <x-custom-circle title="Peta" visible_data_type="true" data_type="1:5000" size="small" style="background-color: #224f6d;float:left;" />
+                        <x-custom-circle title="Tapak Bangunan" size="small" style="background-color: #2390af;float:left;margin-left:20px;" />
+                        
+                    </div>
                     
-                </div>
-
-                <div style="position: absolute; top: 310px; left: 1150px;">
-                    <x-custom-circle title="Peta" visible_data_type="true" data_type="1:5000" size="small" style="background-color: #224f6d;float:left;" />
-                    <x-custom-circle title="Tapak Bangunan" size="small" style="background-color: #2390af;float:left;margin-left:20px;" />
-            
-                </div>
-
-                <x-custom-circle title="UUCK" size="small" style="background-color: #2390af;position:absolute;left:1270px;top:440px;" />
-
-                 <div style="position: absolute; top: 470px; left: 430px;">
+                    <x-custom-circle title="UUCK" size="small" style="background-color: #2390af;position:absolute;left:1270px;top:440px;" />
+                    
+                    <div style="position: absolute; top: 470px; left: 430px;">
+                    <div class="square dia-top-right-bottom-left" style="top:-80px;left:20px;width:150px;height:120px;"></div>
+                    <div class="square dia-top-right-bottom-left" style="top:-50px;left:100px;width:100px;height:100px;"></div>
+                    <div class="square dia-top-left-bottom-right" style="top:-50px;left:180px;width:100px;height:100px;"></div>
+                    <div class="square dia-top-left-bottom-right" style="top:-60px;left:240px;width:120px;height:120px;"></div>
                     <x-custom-circle title="UPT Wasdal" size="small" style="background-color: #0f4853;float:left;" />
                     <x-custom-circle title="Satpol PP" size="small" style="background-color: #0f4853;float:left;" />
                     <x-custom-circle title="KEJARI" size="small" style="background-color: #0f4853;float:left;" />
diff --git a/vite.config.js b/vite.config.js
index c8aba68..2abc22d 100755
--- a/vite.config.js
+++ b/vite.config.js
@@ -20,8 +20,8 @@ export default defineConfig({
                 "resources/scss/style.scss",
                 "resources/scss/components/_circle.scss",
                 "resources/scss/dashboards/_bigdata.scss",
-		"resources/scss/dashboards/_lack-of-potential.scss",
-		"resources/scss/components/_custom_circle.scss",
+                "resources/scss/dashboards/_lack-of-potential.scss",
+                "resources/scss/components/_custom_circle.scss",
 
                 "node_modules/quill/dist/quill.snow.css",
                 "node_modules/quill/dist/quill.bubble.css",