diff --git a/images/pic1.png b/images/pic1.png
index 302f4d3..c513f08 100644
Binary files a/images/pic1.png and b/images/pic1.png differ
diff --git a/src/dropper/static/css/main.css b/src/dropper/static/css/main.css
index fa0512d..e451cce 100644
--- a/src/dropper/static/css/main.css
+++ b/src/dropper/static/css/main.css
@@ -1,7 +1,3 @@
-.selector-for-some-widget {
-  box-sizing: content-box;
-}
-
 video {
     width: 520px;
     height: auto;
@@ -40,6 +36,15 @@ video {
 
 
 /* Classes */
+.list-group {
+	display: flex;
+	-webkit-box-orient: vertical;
+	-webkit-box-direction: normal;
+	flex-direction: inherit;
+	padding-left: 0;
+	margin-bottom: 0;
+}
+
 .scroller {
 	scrollbar-color: #00000084 #ffffff64;
 	scrollbar-width: thin;
diff --git a/src/dropper/templates/index.html b/src/dropper/templates/index.html
index 4e90dc4..efd607a 100644
--- a/src/dropper/templates/index.html
+++ b/src/dropper/templates/index.html
@@ -54,9 +54,9 @@
     <!-- Upload(ed) List -->
         <div class="col">
             {% if oidc_isAdmin() %}
-            <div class="col scroller" style="height:80vh; overflow-y: scroll;">
+            <div class="row scroller list-group" style="height:80vh; overflow-y: scroll; overflow-x: hidden;">
                 <!-- Uploadeed Files List -->
-                <ul class="row list-group" style="">
+                <ul class="row" style="">
                     <span id="notesToView"></span>
                     {% for note in notes %}
                         <li class="list-group-item card-text col-sm-12 col-md-6 col-lg-4 t{{ loop.index }}" textStrID="{{note['id']}}">
@@ -103,13 +103,16 @@
                     {% for file in files %}
                         <li class="list-group-item col-sm-12 col-md-6 col-lg-4 r{{ loop.index }}">
                             <p class="server-file-card text-right" fileName="{{file[0]}}" fileHash="{{file[1]}}">
-                                <span class="file-name card-title-text">{{file[0]}}</span>
-                                <img class="menu-item" src="{{ url_for('static', filename='imgs/octicons/pencil.svg')}}" title="Edit..."
-                                    alt="Edit" data-bs-toggle="modal" data-bs-target="#editDialogModal"
-                                    onclick="preEditFile(this.parentElement)" />
-                                <img class="menu-item" src="{{ url_for('static', filename='imgs/octicons/trashcan.svg')}}" title="Delete..."
-                                    alt="Delete" data-bs-toggle="modal" data-bs-target="#deleteDialogModal"
-                                    onclick="preDeleteFile(this.parentElement)" />
+                                <span class="col file-name card-title-text">{{file[0]}}</span>
+                                <span class="col-auto">
+                                    <img class="menu-item" src="{{ url_for('static', filename='imgs/octicons/pencil.svg')}}" title="Edit..."
+                                        alt="Edit" data-bs-toggle="modal" data-bs-target="#editDialogModal"
+                                        onclick="preEditFile(this.parentElement.parentElement)" />
+                                    <img class="menu-item" src="{{ url_for('static', filename='imgs/octicons/trashcan.svg')}}" title="Delete..."
+                                        alt="Delete" data-bs-toggle="modal" data-bs-target="#deleteDialogModal"
+                                        onclick="preDeleteFile(this.parentElement.parentElement)" />
+                                </span>
+
                             </p>
                             {% if file[0].lower().endswith( (".png", ".jpg", ".jpeg") ) %}
                                 <a href="{{ url_for('uploads')}}/{{file[0]}}" target="_blank">