diff --git a/application/dash/templates/dashboard.html b/application/dash/templates/dashboard.html
index 4f6843e..249266e 100644
--- a/application/dash/templates/dashboard.html
+++ b/application/dash/templates/dashboard.html
@@ -6,45 +6,41 @@
 <div class="grid-container">
     {% for service in services%}
     <div class="bg-light container-xxl">
-        <div class="row row-cols-3">
-            <div class="col-sm-2" onclick="location.href='{{service.url}}';" style="cursor: pointer;">
+        <div class="row">
+            <div class="col name" onclick="location.href='{{service.url}}';" style="cursor: pointer;">
+                {{service["name"]}}
+            </div>
+            
+            <div class="col-sm-3 dots dropdown">
+                <button class="btn btn-light py-0" type="button" id="threeDotDropdown" data-bs-toggle="dropdown" aria-expanded="false">
+                    &#x22EE;
+                </button>
+                <ul class="dropdown-menu" aria-labelledby="threeDotDropdown">
+                    <li>
+                        <a class="dropdown-item" href="{{ url_for('dash.edit_service', service_id=service.id) }}">Edit</a>
+                    </li>
+                    <li>
+                        <hr class="dropdown-divider">
+                    </li>
+                    <li>
+                        <form action="{{ url_for('dash.delete_service', service_id=service.id) }}" method="POST" style="display:inline;">
+                            <button style="color: red;" type="submit" class="dropdown-item">Delete</button>
+                        </form>
+                    </li>
+                </ul>
+            </div>
+        </div>
+        <div class="row">
+            <div class="col-sm-9" onclick="location.href='{{service.url}}';" style="cursor: pointer;">
                 <img class="fit-picture" src="{{ url_for('static', filename='icons/'+service['icon'])}}">
             </div>
-            <div class="col-sm-10">
-                <div class="row">
-                    <div class="col-sm-10" onclick="location.href='{{service.url}}';" style="cursor: pointer;">
-                        {{service["name"]}}
-                    </div>
-                    <div class="col-sm-2 dots dropdown">
-                        <button class="btn btn-light py-0" type="button" id="threeDotDropdown" data-bs-toggle="dropdown"
-                            aria-expanded="false">
-                            &#x22EE;
-                        </button>
-                        <ul class="dropdown-menu" aria-labelledby="threeDotDropdown">
-                            <li>
-                                <a class="dropdown-item"
-                                    href="{{ url_for('dash.edit_service', service_id=service.id) }}">Edit</a>
-                            </li>
-                            <li>
-                                <hr class="dropdown-divider">
-                            </li>
-                            <li>
-                                <form action="{{ url_for('dash.delete_service', service_id=service.id) }}" method="POST"
-                                    style="display:inline;">
-                                    <button style="color: red;" type="submit" class="dropdown-item">Delete</button>
-                                </form>
-                            </li>
-                        </ul>
-                    </div>
-                </div>
-                <div class="row">
-                    <div class="col" onclick="location.href='{{service.url}}';" style="cursor: pointer;">
-                        {{service["url"]}}
-                    </div>
-                </div>
+        </div>
+        <div class="row">
+            <div class="col url text-break" onclick="location.href='{{service.url}}';" style="cursor: pointer;">
+                {{service["url"]}}
             </div>
         </div>
     </div>
     {% endfor %}
 </div>
-{%endblock%}
\ No newline at end of file
+{%endblock%}  
\ No newline at end of file
diff --git a/application/static/icons/2/google.png b/application/static/icons/2/google.png
new file mode 100644
index 0000000..67fed90
Binary files /dev/null and b/application/static/icons/2/google.png differ
diff --git a/application/static/icons/2/netflix.png b/application/static/icons/2/netflix.png
new file mode 100644
index 0000000..a8315c9
Binary files /dev/null and b/application/static/icons/2/netflix.png differ
diff --git a/application/static/icons/2/spotify.png b/application/static/icons/2/spotify.png
new file mode 100644
index 0000000..88bdc71
Binary files /dev/null and b/application/static/icons/2/spotify.png differ
diff --git a/application/static/style.css b/application/static/style.css
index 94e8144..d03e0e1 100644
--- a/application/static/style.css
+++ b/application/static/style.css
@@ -5,27 +5,30 @@ body {
 
 /* Dashboard page */
 .grid-container {
-    display: grid;
-    grid-template-columns: auto auto auto;
+    display: flex;
+    grid-template-columns: auto auto auto auto auto;
     gap: 20px;
     background-color: lightslategray;
     padding-top: 20px;
     margin-left: 10%;
     margin-right: 10%;
+    justify-content: center;
 }
 
 .grid-container > div {
     height: fit-content;
-    width: 400px;
+    width: 200px;
     padding-top: 5px;
     padding-bottom: 5px;
     border: 2px solid black;
     border-radius: 10px;
     box-shadow: 5px 5px 10px black;
+    font-weight: bold;
+    
 }
 
 .fit-picture {
-    width: 45px;
+    width: 175px;
     margin-top: 5px;
     margin-bottom: 5px;
     border: 1px solid black;
@@ -33,6 +36,14 @@ body {
     box-shadow: 0px 0px 5px black;
 }
 
+.url {
+    font-weight: normal;
+}
+
+.name {
+    margin-left: 60px;
+}
+
 /* Login page */
 .form {
     display: block;