diff --git a/src/app/Pages/single-object/single-objcet.component.html b/src/app/Pages/single-object/single-objcet.component.html
index 91a4646..f2c85fc 100644
--- a/src/app/Pages/single-object/single-objcet.component.html
+++ b/src/app/Pages/single-object/single-objcet.component.html
@@ -1,9 +1,9 @@
 <details>
-  <summary>{{object.ID}}</summary>
-  <div>
+  <summary class="summary">{{object.ID}}</summary>
+  <div class="element">
     <h4>Service: {{object.Service}},</h4>
     <h4>Tags: {{object.Tags}},</h4>
-    <h4>Port: {{object.Port}},</h4>
+    <h4 class="port">Port: {{object.Port}},</h4>
     <h4>Address: {{object.Address}},</h4>
     <h4>Weights: </h4>
       <h6>Passing: {{object.Weights.Passing}},</h6>
diff --git a/src/app/Pages/single-object/single-objcet.component.scss b/src/app/Pages/single-object/single-objcet.component.scss
index e69de29..8ca491b 100644
--- a/src/app/Pages/single-object/single-objcet.component.scss
+++ b/src/app/Pages/single-object/single-objcet.component.scss
@@ -0,0 +1,31 @@
+.summary{
+    white-space: pre-wrap;
+    border-width: 1px;
+    border-color: rgb(231, 245, 45);
+    border-style: solid;
+    background-color: #a09d9a;
+    border-radius: 5px;
+    padding:20px;
+    width: 500px;
+    word-break: break-word;
+    word-wrap: break-word;
+    margin-top: 6px;
+}
+
+.element{
+    white-space: pre-wrap;
+    border-width: 1px;
+    border-color: rgb(228, 1, 1);
+    border-style: solid;
+    background-color: #F0D0B6;
+    border-radius: 5px;
+    padding:20px;
+    width: 500px;
+    word-break: break-word;
+    word-wrap: break-word;
+    margin-top: 6px;
+}
+
+.port{
+    background-color: blueviolet;
+}
\ No newline at end of file