diff --git a/WebDoorCreator.UI/Pages/Index.razor.css b/WebDoorCreator.UI/Pages/Index.razor.css
index f7d91b5..e58d54c 100644
--- a/WebDoorCreator.UI/Pages/Index.razor.css
+++ b/WebDoorCreator.UI/Pages/Index.razor.css
@@ -7,12 +7,15 @@
   background-size: cover;
   /* Resize the background image to cover the entire container */
   height: 45rem;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: end;
 }
 .transpLayer {
   color: #DEDEDE;
   background-image: linear-gradient(to right, rgba(30, 30, 30, 0.9), rgba(255, 255, 255, 0.1));
   width: 100%;
-  height: 100%;
+  height: 7rem;
   display: flex;
   flex-wrap: wrap;
   align-items: end;
diff --git a/WebDoorCreator.UI/Pages/Index.razor.less b/WebDoorCreator.UI/Pages/Index.razor.less
index af15245..d425ba3 100644
--- a/WebDoorCreator.UI/Pages/Index.razor.less
+++ b/WebDoorCreator.UI/Pages/Index.razor.less
@@ -4,13 +4,16 @@
     background-repeat: no-repeat; /* Do not repeat the image */
     background-size: cover; /* Resize the background image to cover the entire container */
     height: 45rem;
+    display: flex;
+    flex-wrap: wrap;
+    align-items: end;
 }
 
 .transpLayer {
     color: #DEDEDE;
     background-image: linear-gradient(to right, rgba(30,30,30,0.9), rgba(255,255,255,0.1));
     width: 100%;
-    height: 100%;
+    height: 7rem;
     display: flex;
     flex-wrap: wrap;
     align-items: end;
diff --git a/WebDoorCreator.UI/Pages/Index.razor.min.css b/WebDoorCreator.UI/Pages/Index.razor.min.css
index b8eb15e..1cac8d3 100644
--- a/WebDoorCreator.UI/Pages/Index.razor.min.css
+++ b/WebDoorCreator.UI/Pages/Index.razor.min.css
@@ -1 +1 @@
-.bgbg{background-image:url("images/DOORBG.png");background-position:center;background-repeat:no-repeat;background-size:cover;height:45rem;}.transpLayer{color:#dedede;background-image:linear-gradient(to right,rgba(30,30,30,.9),rgba(255,255,255,.1));width:100%;height:100%;display:flex;flex-wrap:wrap;align-items:end;}
\ No newline at end of file
+.bgbg{background-image:url("images/DOORBG.png");background-position:center;background-repeat:no-repeat;background-size:cover;height:45rem;display:flex;flex-wrap:wrap;align-items:end;}.transpLayer{color:#dedede;background-image:linear-gradient(to right,rgba(30,30,30,.9),rgba(255,255,255,.1));width:100%;height:7rem;display:flex;flex-wrap:wrap;align-items:end;}
\ No newline at end of file