diff --git a/resources/sys/finder/finder.css b/resources/sys/finder/finder.css
new file mode 100644
index 0000000..e8e40bf
--- /dev/null
+++ b/resources/sys/finder/finder.css
@@ -0,0 +1,31 @@
+.FinderContent {
+    width: 100%;
+    height: 100%;
+
+    /* Auto layout */
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: flex-start;
+    padding: 0px;
+}
+
+.FinderContent .ToolBar{
+    width: 100%;
+    height: 20px;
+
+    border-bottom: 1px solid #000000;
+}
+.FinderContent .FinderFileView{
+    width: 100%;
+    height: 100%;
+
+    background-color: #FFFFFF;
+
+    /* Auto layout */
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    align-items: flex-start;
+    padding: 0px;
+}
\ No newline at end of file
diff --git a/resources/sys/wde/basic-widgets.css b/resources/sys/wde/basic-widgets.css
new file mode 100644
index 0000000..2e8bf57
--- /dev/null
+++ b/resources/sys/wde/basic-widgets.css
@@ -0,0 +1,15 @@
+.ConvexElement {
+    background: #CCCCCC;
+    
+    box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.25),
+                inset -1px -1px 0px rgba(0, 0, 0, 0.27),
+                inset 1px 1px 0px #FFFFFF;
+}
+
+.AdjectiveElement {
+    border: 1px solid #000000;
+    box-shadow: -1px -1px 0px rgba(0, 0, 0, 0.25),
+                1px 1px 0px #FFFFFF;
+                /* inset -1px -1px 0px rgba(0, 0, 0, 0.27), */
+                /* inset 1px 1px 0px #FFFFFF;*/
+}
\ No newline at end of file
diff --git a/resources/sys/wde/file-view.css b/resources/sys/wde/file-view.css
index 65d65fb..a077da7 100644
--- a/resources/sys/wde/file-view.css
+++ b/resources/sys/wde/file-view.css
@@ -1,6 +1,8 @@
 .FileTileView{
     width: 100%;
     height: 100%;
+
+    
     
     /* FIXME Bug, on desktop mode top ~10 pixel are not active, like margin:10px */
 }
@@ -15,7 +17,7 @@
     justify-content: flex-start;
     gap: 50px;
     row-gap: 20px;
-    /* padding: 15px; Shit fix TODO: */ 
+    /* padding: 15px; Shit fix TODO: */
     margin: 15px;
     flex-wrap: wrap;
     align-content: flex-start;
diff --git a/resources/wdeUI.css b/resources/wdeUI.css
index 38bd1ce..f3ff166 100644
--- a/resources/wdeUI.css
+++ b/resources/wdeUI.css
@@ -1,4 +1,4 @@
-.WindowFrame{
+.WindowFrame {
     /* Auto layout */
     display: flex;
     flex-direction: column;
@@ -10,9 +10,7 @@
 
     position: absolute;
 
-    background: #CCCCCC;
     border: 1px solid #000000;
-    box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.25), inset -1px -1px 0px rgba(0, 0, 0, 0.27), inset 1px 1px 0px #FFFFFF;
 
     /* Inside auto layout */
     flex: none;
@@ -24,26 +22,14 @@
 .ContentBorder {
     width: 100%;
     height: 100%;
-    background-color: #DDDDDD;
-    border: 1px solid #000000;
-
-    box-shadow:   -1px -1px 0px rgba(0, 0, 0, 0.25),
-                1px 1px 0px #FFFFFF,
-                inset -1px -1px 0px rgba(0, 0, 0, 0.27),
-                inset 1px 1px 0px #FFFFFF;
+    /* background-color: #DDDDDD;
+    border: 1px solid #000000; */
 
     overflow: hidden;
     overflow-x: hidden;
-
-    /* Auto layout */
-    display: flex;
-    flex-direction: row;
-    justify-content: center;
-    align-items: flex-start;
-    padding: 0px;
 }
 
-.WindowFrame .TitleBar{
+.WindowFrame .TitleBar {
     width: 100%;
     height: 13px;
 
@@ -63,9 +49,9 @@
 }
 
 
-.WindowFrame .TitleBar .Lable{
+.WindowFrame .TitleBar .Lable {
     position: relative;
-    top:1px;
+    top: 1px;
     /* font-size: 13px; */
 
     pointer-events: none;
@@ -76,7 +62,7 @@
 }
 
 
-.WindowFrame .TitleBar .Button{
+.WindowFrame .TitleBar .Button {
     width: 11px;
     height: 11px;
     padding: 0%;
@@ -86,10 +72,10 @@
     background: linear-gradient(135deg, #999999 18.18%, #FFFFFF 81.82%);
     border: 1px solid #222222;
     box-shadow: 0.5px 0.5px 0px 0.5px #FFFFFF,
-                -0.5px -0.5px 0px 0.5px rgba(0, 0, 0, 0.25),
-                inset 1px 1px 0px rgba(255, 255, 255, 0.5),
-                inset -1px -1px 0px rgba(0, 0, 0, 0.27);
-    
+        -0.5px -0.5px 0px 0.5px rgba(0, 0, 0, 0.25),
+        inset 1px 1px 0px rgba(255, 255, 255, 0.5),
+        inset -1px -1px 0px rgba(0, 0, 0, 0.27);
+
     /* Inside auto layout */
     flex: none;
     order: 0;
@@ -97,16 +83,17 @@
 }
 
 .WindowFrame .TitleBar .Button:active {
-    background-color: rgba(0, 0, 0, 0.4); /* Green */
+    background-color: rgba(0, 0, 0, 0.4);
+    /* Green */
     box-shadow: 0.5px 0.5px 0px 0.5px #FFFFFF,
-                -0.5px -0.5px 0px 0.5px rgba(0, 0, 0, 0.25);
+        -0.5px -0.5px 0px 0.5px rgba(0, 0, 0, 0.25);
 }
 
-.WindowFrame .TitleBar .VisualDragArea{
+.WindowFrame .TitleBar .VisualDragArea {
     pointer-events: none;
     width: 100%;
     height: 11px;
-    background: linear-gradient(transparent 0%,white 0%, white 50%, transparent 50%);
+    background: linear-gradient(transparent 0%, white 0%, white 50%, transparent 50%);
     background-size: 2px 2px;
     filter: drop-shadow(1px 1px 0px #777777);
 }
@@ -133,7 +120,7 @@
     padding: 0px;
 }
 
-.MobileApplicationWindow{
+.MobileApplicationWindow {
     width: 100%;
     height: 100%;
     /* Auto layout */
@@ -147,10 +134,10 @@
     left: 0px;
 }
 
-.MobileWindowFrameBottomBar{
+.MobileWindowFrameBottomBar {
     width: 100%;
     height: 20px;
-/* 
+    /* 
     display: flex;
     flex-direction: row;
     align-items: center;
@@ -165,7 +152,7 @@
     flex-grow: 0;
 }
 
-.MobileWindowFrameBottomBarButton{
+.MobileWindowFrameBottomBarButton {
     min-width: 11px;
     width: auto;
     height: 15px;
@@ -176,26 +163,25 @@
     background: linear-gradient(135deg, #999999 18.18%, #FFFFFF 81.82%);
     border: 1px solid #222222;
     box-shadow: 0.5px 0.5px 0px 0.5px #FFFFFF,
-                -0.5px -0.5px 0px 0.5px rgba(0, 0, 0, 0.25),
-                inset 1px 1px 0px rgba(255, 255, 255, 0.5),
-                inset -1px -1px 0px rgba(0, 0, 0, 0.27);
-    
+        -0.5px -0.5px 0px 0.5px rgba(0, 0, 0, 0.25),
+        inset 1px 1px 0px rgba(255, 255, 255, 0.5),
+        inset -1px -1px 0px rgba(0, 0, 0, 0.27);
+
     /* Inside auto layout */
     flex: none;
     order: 0;
     flex-grow: 0;
 }
 
-.MobileWindowFrameBottomBar .MobileLable{
+.MobileWindowFrameBottomBar .MobileLable {
     position: absolute;
     /* top:1px; */
     /* font-size: 13px; */
-    left:50%;
+    left: 50%;
     pointer-events: none;
     white-space: nowrap;
 
     font-family: "Virtue";
     letter-spacing: 0.35px;
- 
-}
 
+}
\ No newline at end of file
diff --git a/templates/base/index.tmpl b/templates/base/index.tmpl
index 1f583bc..9ee4951 100644
--- a/templates/base/index.tmpl
+++ b/templates/base/index.tmpl
@@ -4,10 +4,13 @@
     <head>
         <link rel="stylesheet" type="text/css" href="res/base.css">
         <link rel="stylesheet" type="text/css" href="res/wdeUI.css">
+        <link rel="stylesheet" type="text/css" href="res/sys/wde/basic-widgets.css">
         <link rel="stylesheet" type="text/css" href="res/sys/wde/wde-scrollbar.css">
+        <link rel="stylesheet" type="text/css" href="res/sys/wde/basic-widgets.css">
         <link rel="stylesheet" type="text/css" href="res/sys/wde/file-view.css">
         <link rel="stylesheet" type="text/css" href="res/mobile-wdeUI.css">
         <link rel="stylesheet" href="/res/sys/wde/simple-scrollbar.css">
+        <link rel="stylesheet" type="text/css" href="res/sys/finder/finder.css">
         <link rel="stylesheet" href="/res/sys/personal-properties/personal-properies.css">
         <link rel="stylesheet" href="/res/sys/img-viewer/img-viewer.css">
         <link rel="stylesheet" href="/res/sys/blog-viewer/blog-viewer.css">
diff --git a/templates/finder/admin-app.tmpl b/templates/finder/admin-app.tmpl
new file mode 100644
index 0000000..8021238
--- /dev/null
+++ b/templates/finder/admin-app.tmpl
@@ -0,0 +1,26 @@
+{{ define "finder/admin-app.tmpl" }}
+    <div class="TitleBar DragArea">
+        <button id="closeWindowButton" class="Button" title="Close Window"></button>
+        <div id="Drag" class="VisualDragArea"></div>
+        <div class="Lable">
+            ADMIN FINDER
+        </div>
+        <div id="Drag" class="VisualDragArea"></div>
+    </div>
+    <div class="ContentBorder AdjectiveElement">
+        <div class="FinderContent">
+            <div class="ToolBar ConvexElement">
+                <button id="BackButton">Back</button>
+                <button id="HomeButton">Home</button>
+            </div>
+            <div class="FinderFileView">
+                <div class="FileTileView">
+
+                </div>
+                {{template "wde-widgets/scrollbar.tmpl" .}}
+            </div>
+        </div>
+    </div>
+{{ end }}
+
+				
\ No newline at end of file
diff --git a/templates/finder/app.tmpl b/templates/finder/app.tmpl
index eba43f6..8f01bba 100644
--- a/templates/finder/app.tmpl
+++ b/templates/finder/app.tmpl
@@ -11,7 +11,7 @@
         <button id="BackButton">Back</button>
         <button id="HomeButton">Home</button>
     </div>
-    <div class="ContentBorder">
+    <div class="ContentBorder ConvexElement">
         <div class="FileTileView">
 
         </div>